From 220d945c1e8cd9c04e8eab2c47bb6ea0b694adf0 Mon Sep 17 00:00:00 2001 From: Matt Kirby <MattJKirby@outlook.com> Date: Mon, 13 Mar 2023 00:27:41 +0000 Subject: [PATCH] Implement new nav menu provider --- daily-thought-frontend/src/pages/index.tsx | 8 +++++++- daily-thought-frontend/src/styles/HiddenPost.module.css | 1 + daily-thought-frontend/src/styles/Post.module.css | 1 + 3 files changed, 9 insertions(+), 1 deletion(-) diff --git a/daily-thought-frontend/src/pages/index.tsx b/daily-thought-frontend/src/pages/index.tsx index d7a7715c..58a20d6d 100644 --- a/daily-thought-frontend/src/pages/index.tsx +++ b/daily-thought-frontend/src/pages/index.tsx @@ -4,12 +4,16 @@ import { Inter } from 'next/font/google' import styles from '../styles/Home.module.css' import NavigationProvider from '@/components/navigation/NavProvider' import { useState } from 'react' +import TitleBar from '@/components/titlebar/TitleBar' const inter = Inter({ subsets: ['latin'] }) export default function Home() { + const [navState, setNavState] = useState<boolean>(false); + + return ( <> <Head> @@ -19,7 +23,9 @@ export default function Home() { <link rel="icon" href="/favicon.ico" /> </Head> <main className={styles.home}> - <NavigationProvider> + + <NavigationProvider navState={navState}> + <TitleBar NavBarToggle={() => setNavState(!navState)}/> </NavigationProvider> </main> </> diff --git a/daily-thought-frontend/src/styles/HiddenPost.module.css b/daily-thought-frontend/src/styles/HiddenPost.module.css index 7a55be05..612bead8 100644 --- a/daily-thought-frontend/src/styles/HiddenPost.module.css +++ b/daily-thought-frontend/src/styles/HiddenPost.module.css @@ -52,4 +52,5 @@ overflow: hidden; align-items: flex-end; height: 100%; justify-content: end; + color:rgb(100 116 139); } \ No newline at end of file diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css index d7ca3633..433902ec 100644 --- a/daily-thought-frontend/src/styles/Post.module.css +++ b/daily-thought-frontend/src/styles/Post.module.css @@ -45,6 +45,7 @@ align-items: flex-end; height: 100%; justify-content: end; + color:rgb(100 116 139); } .postContentContainer { -- GitLab