Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions 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>
</>
);
};

4
apps/dokploy/pages/dashboard/project/[projectId].tsx
View File

@@ -39,6 +39,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { type ReactElement } from "react";
@@ -189,6 +190,9 @@ const Project = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>Project {data?.name} | Dokploy</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between flex-wrap gap-2">
<div className="flex flex-col gap-2">
<h1 className="text-xl font-bold lg:text-3xl">{data?.name}</h1>

6
apps/dokploy/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
View File

@@ -41,6 +41,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -101,6 +102,11 @@ const Service = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
View File

@@ -35,6 +35,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -94,6 +95,11 @@ const Service = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
View File

@@ -35,6 +35,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -82,6 +83,11 @@ const Mariadb = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
View File

@@ -35,6 +35,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -83,6 +84,11 @@ const Mongo = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
View File

@@ -35,6 +35,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -81,6 +82,11 @@ const MySql = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
View File

@@ -35,6 +35,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -82,6 +83,11 @@ const Postgresql = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

6
apps/dokploy/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
View File

@@ -34,6 +34,7 @@ import type {
GetServerSidePropsContext,
InferGetServerSidePropsType,
} from "next";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, type ReactElement } from "react";
@@ -81,6 +82,11 @@ const Redis = (
<BreadcrumbLink>{data?.name}</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb>
<Head>
<title>
Project {data?.project.name} | {data?.name} | Dokploy
</title>
</Head>
<header className="mb-6 flex w-full items-center justify-between max-sm:flex-wrap gap-4">
<div className="flex flex-col justify-between w-fit gap-2">
<div className="flex flex-row items-center gap-2 xl:gap-4 flex-wrap">

2
apps/dokploy/pages/dashboard/settings/appearance.tsx
View File

@@ -21,7 +21,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Appearance">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/billing.tsx
View File

@@ -16,7 +16,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Billing">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/certificates.tsx
View File

@@ -19,7 +19,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Certificates">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/cluster.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Nodes">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/destinations.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="S3 Destinations">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/git-providers.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Git Providers">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/notifications.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Notifications">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/profile.tsx
View File

@@ -33,7 +33,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Profile">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/registry.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Registry">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/server.tsx
View File

@@ -23,7 +23,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Server">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/servers.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Servers">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/ssh-keys.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="SSH Keys">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);

2
apps/dokploy/pages/dashboard/settings/users.tsx
View File

@@ -20,7 +20,7 @@ export default Page;
Page.getLayout = (page: ReactElement) => {
return (
<DashboardLayout tab={"settings"}>
<DashboardLayout tab={"settings"} metaName="Users">
<SettingsLayout>{page}</SettingsLayout>
</DashboardLayout>
);