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