1 files changed, 6 insertions, 18 deletions
diff --git a/src/App.tsx b/src/App.tsx
index 156719f..deb7dec 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,35 +1,23 @@
-import React from 'react';
+import { createContext, useState, useMemo } from 'react';
 import { Outlet, Route, Routes } from 'react-router-dom';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
 
-import Bar from './components/Bar';
+import NavBar from './components/NavBar';
 import Home from './components/Home';
 import Schedule from './components/Schedule';
 import Registry from './components/Registry';
 import Rsvp from './components/Rsvp';
-
+import ThemeContextProvider from './ThemeContextProvider'
 
 function App() {
-  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-
-  const theme = React.useMemo(
-    () =>
-      createTheme({
-        palette: {
-          mode: prefersDarkMode ? 'dark' : 'light'
-        }
-      }),
-    [prefersDarkMode]
-  );
-
   return (
-    <ThemeProvider theme={theme}>
+    <ThemeContextProvider>
       <CssBaseline />
-      <Bar />
+      <NavBar />
       <Outlet />
-    </ThemeProvider>
+    </ThemeContextProvider>
   );
 }