Updates

src/pages/admin/(sections)/kpi-secondary-section.tsx

@@ -25,27 +25,22 @@ export default function KpiSecondarySection({
         {
             key: "k-hosts",
             label: "Total hosts",
-            value: String(hosts?.length || 0),
+            value: String(hosts?.length || 1),
         },
         {
             key: "k-host-address",
             label: "Main host address",
             value:
-                variables?.find(
-                    (v) => v.key == "main_host_wg_ip_address",
-                )?.value || "—",
+                variables?.find((v) => v.key == "main_host_wg_ip_address")
+                    ?.value || "—",
         },
     ];
 
     return (
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 w-full">
             {kpis.map((kpi) => (
-                <StatCard
-                    key={kpi.key}
-                    label={kpi.label}
-                    value={kpi.value}
-                />
+                <StatCard key={kpi.key} label={kpi.label} value={kpi.value} />
             ))}
         </div>
     );
-}
+}

src/pages/admin/index.tsx

@@ -17,7 +17,7 @@ export default function AdminDashboardPage() {
                 description="Overview of your WireGuard network"
             />
             <Stack className="w-full px-6 pb-8 gap-5 items-stretch">
-                <KpiHeroSection clients={clients} />
+                {/* <KpiHeroSection clients={clients} /> */}
                 <KpiSecondarySection
                     clients={clients}
                     hosts={hosts}
@@ -32,4 +32,4 @@ export default function AdminDashboardPage() {
 export const meta: BunextPageModuleMeta = {
     title: `Admin Dashboard | ${SiteData["SiteName"]}`,
     description: `Admin dashboard`,
-};
+};