z1glr/golunteer
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

added footer with legal and contact

Browse Source
This commit is contained in:
z1glr
2025-01-07 20:54:02 +00:00
parent c3bc06fe82
commit f0ad6a3b64
8 changed files with 159 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
client/src/app/Footer.tsx Normal file
View File

@@ -0,0 +1,32 @@
"use client";
import { Divider } from "@nextui-org/divider";
import { Link } from "@nextui-org/link";
import { usePathname } from "next/navigation";
import React from "react";
export default function Footer({
sites,
}: {
sites: { href: string; text: string }[];
}) {
const pathname = usePathname();
return (
<>
{sites.map((footer, ii, footerSites) => (
<React.Fragment key={ii}>
<Link
href={footer.href}
color={pathname === footer.href ? "danger" : "foreground"}
>
{footer.text}
</Link>
{ii != footerSites.length - 1 ? (
<Divider orientation="vertical" />
) : null}
</React.Fragment>
))}
</>
);
}

1
client/src/app/ManageEvents.tsx
View File

@@ -1 +0,0 @@
export default function ManageEvents() {}

9
client/src/app/datenschutz/page.tsx Normal file
View File

@@ -0,0 +1,9 @@
export default function Datenschutz() {
return (
<div>
<h2 className="text-center font-headline text-4xl text-highlight">
Datenschutz
</h2>
</div>
);
}

10
client/src/app/impressum/page.tsx Normal file
View File

@@ -0,0 +1,10 @@
export default function Impressum() {
return (
<div>
{" "}
<h2 className="text-center font-headline text-4xl text-highlight">
Impressum
</h2>
</div>
);
}

16
client/src/app/layout.tsx
View File

@@ -1,6 +1,8 @@
import type { Metadata } from "next";
import "./globals.css";
import { NextUIProvider } from "@nextui-org/system";
import React from "react";
import Footer from "./Footer";
export const metadata: Metadata = {
title: "Create Next App",
@@ -12,6 +14,17 @@ export default function RootLayout({
}: Readonly<{
children: React.ReactNode;
}>) {
const footerSites = [
{
text: "Impressum",
href: "/impressum",
},
{
text: "Datenschutz",
href: "/datenschutz",
},
];
return (
<html>
<body className="bg-background text-foreground antialiased">
@@ -23,6 +36,9 @@ export default function RootLayout({
</h1>
</header>
<main className="flex min-h-full flex-1 flex-col">{children}</main>
<footer className="flex h-4 justify-center gap-4">
<Footer sites={footerSites} />
</footer>
</div>
</NextUIProvider>
</body>