From 1613e035137fa80f4b2d122a23b1b343bab04cfd Mon Sep 17 00:00:00 2001 From: Amy Kapernick Date: Wed, 14 Aug 2024 16:48:26 +0800 Subject: [PATCH] made header compact --- src/app/[[...sign-in]]/page.tsx | 8 +++++- src/app/layout.tsx | 17 ++++++------ src/app/registry/page.tsx | 8 +++++- src/app/runsheet/guest/[guest]/page.tsx | 8 +++++- src/app/runsheet/page.tsx | 8 +++++- src/app/runsheet/vendor/[vendor]/page.tsx | 8 +++++- src/app/schedule/guest/[guest]/page.tsx | 8 +++++- src/app/schedule/page.tsx | 8 +++++- src/app/schedule/vendor/[vendor]/page.tsx | 8 +++++- src/components/guest/index.tsx | 2 +- src/components/header/index.tsx | 22 +++++++++++++--- src/components/header/styles.module.css | 32 +++++++++++++++++++++++ src/components/layout/index.tsx | 25 ++++++++++++++++++ src/styles/global/typo.css | 5 ++-- 14 files changed, 144 insertions(+), 23 deletions(-) create mode 100644 src/components/layout/index.tsx diff --git a/src/app/[[...sign-in]]/page.tsx b/src/app/[[...sign-in]]/page.tsx index 2371e48..49c7f83 100644 --- a/src/app/[[...sign-in]]/page.tsx +++ b/src/app/[[...sign-in]]/page.tsx @@ -1,5 +1,11 @@ import { SignIn, SignOutButton, SignedIn, SignedOut } from "@clerk/nextjs"; import FetchGuest from "@components/fetchData/guest"; +import { Metadata } from "next"; + +export const metadata: Metadata = { + title: `Daniel & Amy's Wedding`, + description: "Daniel & Amy are getting married", +}; export default async function Home() { return ( @@ -11,7 +17,7 @@ export default async function Home() { -

RSVP

+

Login

If you're not sure which email address to use or don't remember which one you gave us, reach out to Amy or Dan.

 diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1d95d0f..fde82c1 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,6 @@ import { ClerkProvider } from "@clerk/nextjs"; -import Header from "@components/header"; -import Footer from "@components/footer"; -import Fathom from "@components/fathom"; import "@styles/app.css"; +import Layout from "@components/layout"; export const metadata = { title: `Daniel & Amy's Wedding`, @@ -14,17 +12,20 @@ export default function RootLayout({ }: Readonly<{ children: React.ReactNode; }>) { + return ( - {metadata.title} + + + + -
- {children} -