Updates

src/data/site-data.ts

@@ -2,6 +2,6 @@ export const SiteData = {
     SiteName: `Wireguard UI`,
     SiteDescription: `Wireguard UI is the ultimate dashboard for managing Wireguard.`,
     SiteSlug: `wgui`,
-    SiteURL: `http://localhost:10752`,
+    SiteURL: `https://git.tben.me/Moduletrace/wireguard-ui`,
     ServerPort: 10752,
 } as const;

src/layouts/admin/(sections)/Footer.tsx

@@ -1,4 +1,5 @@
 import Row from "@/src/components/twui/layout/Row";
+import Span from "@/src/components/twui/layout/Span";
 import { AppContext } from "@/src/pages/__root";
 import type { AppContextObject } from "@/src/types";
 import React from "react";
@@ -13,7 +14,10 @@ export default function Footer() {
     return (
         <footer className="w-full p-4 h-20">
             <Row className="h-full">
-                <span>Copyright {new Date().getFullYear()}</span>
+                <Span size="smaller" variant="faded">
+                    Copyright © {new Date().getFullYear()}. Wireguard UI. All
+                    rights reserved
+                </Span>
             </Row>
         </footer>
     );

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`,
-};
+};