Implement new nav menu provider

220d945c · Matt Kirby · 7d19dcf1 · 220d945c · 220d945c · 220d945c
Commit 220d945c authored 2 years ago by Matt Kirby
--- 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>
    </>

--- 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
--- 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 {