Updates

src/pages/admin/hosts/[host_id]/index.tsx

@@ -3,8 +3,16 @@ import AdminHero from "@/src/components/general/admin-hero";
 import { SiteData } from "@/src/data/site-data";
 import Button from "@/src/components/twui/layout/Button";
 import Divider from "@/src/components/twui/layout/Divider";
+import Stack from "@/src/components/twui/layout/Stack";
+import HostPublicIpSection from "../(sections)/host-public-ip-section";
+import { useContext } from "react";
+import { AppContext } from "@/src/pages/__root";
 
 export default function AdminSingleHostPage() {
+    const { pageProps } = useContext(AppContext);
+
+    const host_id = Number(pageProps?.host?.id || 0);
+
     return (
         <>
             <AdminHero
@@ -20,6 +28,15 @@ export default function AdminSingleHostPage() {
             />
 
             <Divider className="mb-6" />
+
+            <Stack className="w-full px-6 pb-8 gap-5 items-stretch">
+                {pageProps?.host ? (
+                    <HostPublicIpSection
+                        host_id={host_id}
+                        current_ip={pageProps.host.public_ip_address || ""}
+                    />
+                ) : null}
+            </Stack>
         </>
     );
 }
@@ -27,4 +44,4 @@ export default function AdminSingleHostPage() {
 export const meta: BunextPageModuleMeta = {
     title: `Host | ${SiteData["SiteName"]}`,
     description: `WireGuard host page`,
-};
+};