From 66835c2cd339b1ccacb28119e6891962aaa1ab12 Mon Sep 17 00:00:00 2001 From: Ryan Furrer Date: Fri, 2 Aug 2024 15:28:55 -0400 Subject: [PATCH 01/42] feat((admin)/layout.tsx): began building out admin layout --- app/(admin)/admin/page.tsx | 25 ++++++++++++++- app/(admin)/layout.tsx | 57 +++++++++++++++++++++++++++++++--- components/LogoNav/LogoNav.tsx | 2 +- 3 files changed, 77 insertions(+), 7 deletions(-) diff --git a/app/(admin)/admin/page.tsx b/app/(admin)/admin/page.tsx index 8b7420df..6fa1da16 100644 --- a/app/(admin)/admin/page.tsx +++ b/app/(admin)/admin/page.tsx @@ -8,7 +8,30 @@ import { JSX } from 'react'; * @returns {JSX.Element} - The rendered login page. */ const AdminHome = (): JSX.Element => { - return
Admin Home
; + return ( +
+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga minus + sunt culpa alias itaque. Praesentium expedita facere architecto at atque + rem voluptates temporibus iure earum amet. Quidem amet consequatur esse! +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga minus + sunt culpa alias itaque. Praesentium expedita facere architecto at atque + rem voluptates temporibus iure earum amet. Quidem amet consequatur esse! +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga minus + sunt culpa alias itaque. Praesentium expedita facere architecto at atque + rem voluptates temporibus iure earum amet. Quidem amet consequatur esse! +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga minus + sunt culpa alias itaque. Praesentium expedita facere architecto at atque + rem voluptates temporibus iure earum amet. Quidem amet consequatur esse! +

+
+ ); }; export default AdminHome; diff --git a/app/(admin)/layout.tsx b/app/(admin)/layout.tsx index 803fafa4..9c0272c6 100644 --- a/app/(admin)/layout.tsx +++ b/app/(admin)/layout.tsx @@ -1,12 +1,16 @@ // Copyright (c) Gridiron Survivor. // Licensed under the MIT License. -import React, { JSX } from 'react'; -import { GeistSans } from 'geist/font/sans'; import '../globals.css'; import { AuthContextProvider } from '@/context/AuthContextProvider'; -import ErrorBoundary from '../error'; +import { GeistSans } from 'geist/font/sans'; import { Toaster } from 'react-hot-toast'; +import ErrorBoundary from '../error'; +import React, { JSX } from 'react'; +import Link from 'next/link'; +import LogoNav from '@/components/LogoNav/LogoNav'; +import Heading from '@/components/Heading/Heading'; +import { LucideChevronsUpDown } from 'lucide-react'; const defaultUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` @@ -31,10 +35,53 @@ const RootLayout = ({ }): JSX.Element => { return ( - + -
{children}
+
+
+
+
+ +
+ +
+
+
Admin Home 3
+
+ Admin Home 4 +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Labore cumque tempora laborum velit perferendis tenetur. +

+
+ {children} +
+
+
diff --git a/components/LogoNav/LogoNav.tsx b/components/LogoNav/LogoNav.tsx index 38cef318..9ea83f08 100644 --- a/components/LogoNav/LogoNav.tsx +++ b/components/LogoNav/LogoNav.tsx @@ -4,7 +4,7 @@ import { JSX } from 'react'; import Image from 'next/image'; import Link from 'next/link'; -import logo from '/public/assets/logo-colored-nav.svg'; +import logo from '@/public/assets/logo-colored-nav.svg'; /** * Renders the logo for the navigation bar. From 9049bfa4874f573d3cbd3a04ca70a51ddd31eb4d Mon Sep 17 00:00:00 2001 From: Ryan Furrer Date: Wed, 7 Aug 2024 22:13:59 -0400 Subject: [PATCH 02/42] create admin layout --- app/(admin)/layout.tsx | 80 ++++++++++++++++++++++++++++++++---------- tailwind.config.js | 6 ++++ 2 files changed, 67 insertions(+), 19 deletions(-) diff --git a/app/(admin)/layout.tsx b/app/(admin)/layout.tsx index 9c0272c6..5bca8f64 100644 --- a/app/(admin)/layout.tsx +++ b/app/(admin)/layout.tsx @@ -10,7 +10,14 @@ import React, { JSX } from 'react'; import Link from 'next/link'; import LogoNav from '@/components/LogoNav/LogoNav'; import Heading from '@/components/Heading/Heading'; -import { LucideChevronsUpDown } from 'lucide-react'; +import { + LucideChevronsUpDown, + LucideHome, + LucideLayoutGrid, + LucideUsers, + LucideBell, + LucideCog, +} from 'lucide-react'; const defaultUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` @@ -38,28 +45,52 @@ const RootLayout = ({ -
-
-
-
- -
-