Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-07-12 09:25:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add page titles

Browse Source
This commit is contained in:
djknaeckebrot
2024-12-12 12:56:55 +01:00
parent bb31bef8bc
commit f71e04eaaa
22 changed files with 81 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
apps/dokploy/components/layouts/dashboard-layout.tsx
View File

@@ -1,25 +1,34 @@
import Head from "next/head";
import { Navbar } from "./navbar";
import { NavigationTabs, type TabState } from "./navigation-tabs";
interface Props {
children: React.ReactNode;
tab: TabState;
metaName?: string;
}
export const DashboardLayout = ({ children, tab }: Props) => {
export const DashboardLayout = ({ children, tab, metaName }: Props) => {
return (
<div>
<div
className="bg-radial relative flex flex-col bg-background min-h-screen w-full"
id="app-container"
>
<Navbar />
<main className="pt-6 flex w-full flex-col items-center">
<div className="w-full max-w-8xl px-4 lg:px-8">
<NavigationTabs tab={tab}>{children}</NavigationTabs>
</div>
</main>
<>
<Head>
<title>
{metaName ?? tab.charAt(0).toUpperCase() + tab.slice(1)} | Dokploy
</title>
</Head>
<div>
<div
className="bg-radial relative flex flex-col bg-background min-h-screen w-full"
id="app-container"
>
<Navbar />
<main className="pt-6 flex w-full flex-col items-center">
<div className="w-full max-w-8xl px-4 lg:px-8">
<NavigationTabs tab={tab}>{children}</NavigationTabs>
</div>
</main>
</div>
</div>
</div>
</>
);
};