Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

page titles and nav

Browse Source
This commit is contained in:
Timur Ercan
2023-01-04 16:28:32 +01:00
parent 963c73ff14
commit 95b0696e71
5 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/components/layout.tsx
View File

@ -24,7 +24,7 @@ const navigation = [
{ name: "Settings", href: "/settings", current: true },
];
const userNavigation = [
{ name: "Your Profile", href: "/settings" },
{ name: "Your Profile", href: "/settings/profile" },
{
name: "Sign out",
href: "",
@ -42,7 +42,7 @@ function classNames(...classes: any) {
export default function Layout({ children }: any) {
const router = useRouter();
navigation.forEach((element) => {
element.current = router.route.startsWith(element.href);
element.current = router.route.startsWith("/" + element.href.split("/")[1]);
});
return (

5
apps/web/components/settings.tsx
View File

@ -14,6 +14,7 @@ import {
} from "@heroicons/react/24/outline";
import { useRouter } from "next/router";
import Link from "next/link";
import Head from "next/head";
const user = {
name: "Debbie Lewis",
@ -56,13 +57,15 @@ export default function Setttings() {
const router = useRouter();
console.log(router.route);
subNavigation.forEach((element) => {
element.current = element.href == router.route;
});
return (
<div>
<Head>
<title>Settings | Documenso</title>
</Head>
<header className="py-10">
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<h1 className="text-3xl font-bold leading-tight tracking-tight text-brown">

12
apps/web/pages/dashboard.tsx
View File

@ -1,10 +1,20 @@
import Head from "next/head";
import type { ReactElement } from "react";
import Layout from "../components/layout";
import Settings from "../components/settings";
import type { NextPageWithLayout } from "./_app";
const DashboardPage: NextPageWithLayout = () => {
return <>This is the dashboard page.</>;
return (
<>
<Head>
<title>Dashboard | Documenso</title>
</Head>
<div>
<p>This is the dashboard page.</p>
</div>
</>
);
};
DashboardPage.getLayout = function getLayout(page: ReactElement) {

10
apps/web/pages/documents.tsx
View File

@ -4,11 +4,19 @@ import Layout from "../components/layout";
import Settings from "../components/settings";
import type { NextPageWithLayout } from "./_app";
import { SessionProvider } from "next-auth/react";
import Head from "next/head";
const DocumentsPage: NextPageWithLayout = () => {
const { data: session } = useSession();
return <>This is the documents page</>;
return (
<>
<Head>
<title>Documents | Documenso</title>
</Head>
This is the documents page
</>
);
};
DocumentsPage.getLayout = function getLayout(page: ReactElement) {

4
apps/web/pages/login.tsx
View File

@ -1,8 +1,12 @@
import Head from "next/head";
import Login from "../components/login";
export default function LoginPage() {
return (
<>
<Head>
<title>Login | Documenso</title>
</Head>
<Login></Login>
</>
);