40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import type { BunextPageModuleMeta } from "@moduletrace/bunext/types";
|
|
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 { ArrowLeft } from "lucide-react";
|
|
import AddHostFormSection from "./(sections)/add-host-form-section";
|
|
|
|
export default function AdminAddHostPage() {
|
|
return (
|
|
<>
|
|
<AdminHero
|
|
title="Add New Host"
|
|
description="Create a new WireGuard host with a dedicated private subnet"
|
|
buttons={
|
|
<Button
|
|
title="Back to Hosts"
|
|
variant="outlined"
|
|
beforeIcon={<ArrowLeft />}
|
|
href="/admin/hosts"
|
|
>
|
|
Back to Hosts
|
|
</Button>
|
|
}
|
|
/>
|
|
|
|
<Divider className="mb-6" />
|
|
|
|
<Stack className="w-full px-6 pb-8 gap-5 items-stretch">
|
|
<AddHostFormSection />
|
|
</Stack>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export const meta: BunextPageModuleMeta = {
|
|
title: `Add New Host | ${SiteData["SiteName"]}`,
|
|
description: `WireGuard add host page`,
|
|
}; |