From 8a6bd225307efc96b291a6255d217eb3e5d02e7f Mon Sep 17 00:00:00 2001 From: Ryan Furrer Date: Wed, 24 Apr 2024 20:35:09 -0400 Subject: [PATCH 01/15] Create nav component --- app/page.tsx | 3 --- components/AuthButton.tsx | 4 ++-- components/logonav/LogoNav.tsx | 17 +++++++++++++++++ components/nav/Nav.tsx | 18 ++++++++++++++++++ public/assets/logo-colored-nav.svg | 12 ++++++++++++ 5 files changed, 49 insertions(+), 5 deletions(-) create mode 100644 components/logonav/LogoNav.tsx create mode 100644 components/nav/Nav.tsx create mode 100644 public/assets/logo-colored-nav.svg diff --git a/app/page.tsx b/app/page.tsx index 31223b6e..d3389262 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,11 +1,8 @@ -import AuthButton from '../components/AuthButton'; - export default function Index() { return (
); diff --git a/components/AuthButton.tsx b/components/AuthButton.tsx index d82a86d5..3a998406 100644 --- a/components/AuthButton.tsx +++ b/components/AuthButton.tsx @@ -16,11 +16,11 @@ export default async function AuthButton() { return user ? (
Hey, {user.email}! -
+ {/* */} -
+ {/* */}
) : ( diff --git a/components/logonav/LogoNav.tsx b/components/logonav/LogoNav.tsx new file mode 100644 index 00000000..8d634115 --- /dev/null +++ b/components/logonav/LogoNav.tsx @@ -0,0 +1,17 @@ +import Image from 'next/image' +import logo from '/public/assets/logo-colored-nav.svg' + +export const LogoNav = () => { + return ( + Gridiron Survivor logo + ) +} + +export default LogoNav \ No newline at end of file diff --git a/components/nav/Nav.tsx b/components/nav/Nav.tsx new file mode 100644 index 00000000..2a610022 --- /dev/null +++ b/components/nav/Nav.tsx @@ -0,0 +1,18 @@ +import React from "react"; +import LogoNav from "../logonav/LogoNav"; + +export const Nav = () => { + return( + + + ) +} + +export default Nav \ No newline at end of file diff --git a/public/assets/logo-colored-nav.svg b/public/assets/logo-colored-nav.svg new file mode 100644 index 00000000..12a3516c --- /dev/null +++ b/public/assets/logo-colored-nav.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + From 4a8f18f19da2d8c1c97c75e2d9dbf9a0f3325e2f Mon Sep 17 00:00:00 2001 From: Ryan Furrer Date: Fri, 26 Apr 2024 17:02:07 -0400 Subject: [PATCH 02/15] Add Nav Drawer component and customize styles --- .prettierignore | 8 +- .vscode/settings.json | 2 + app/layout.tsx | 2 + app/page.tsx | 1 - components/nav-drawer/drawer.tsx | 117 ++++++++++ components/nav/Nav.tsx | 50 +++- package.json | 4 +- pnpm-lock.yaml | 379 ++++++++++++++++++++++++++++++- 8 files changed, 546 insertions(+), 17 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 components/nav-drawer/drawer.tsx diff --git a/.prettierignore b/.prettierignore index 653334d8..7b11013e 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,4 +1,4 @@ -.github/ -*.config.js -.prettierrc.js -*.md \ No newline at end of file +# .github/ +# *.config.js +# .prettierrc.js +# *.md \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..7a73a41b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index e8c67526..89c3ec34 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,5 +1,6 @@ import { GeistSans } from 'geist/font/sans' import './globals.css' +import Nav from '@/components/nav/Nav' const defaultUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` @@ -19,6 +20,7 @@ export default function RootLayout({ return ( +