#34

frontend/src/App.tsx

@@ -10,6 +10,7 @@ import DevModeWatermark from '@/components/DevModeWatermark'
 import RouteBlockerOverlay from '@/components/RouteBlockerOverlay'
 import TopNav from '@/components/TopNav'
 import DialogueProvider from '@/components/dialogues/DialogueProvider'
+import { UserSettingsProvider } from '@/components/users/UserSettingsProvider'
 import { Toaster } from '@/components/ui/toaster'
 import { apiPost, isApiError } from '@/lib/api'
 import DeerjikistDetailPage from '@/pages/deerjikists/DeerjikistDetailPage'
@@ -145,24 +146,26 @@ const App: FC = () => {
 
   return (
       <>
-	<RouteBlockerOverlay/>
-	{import.meta.env.DEV && <DevModeWatermark/>}
+	<UserSettingsProvider user={user}>
+	  <RouteBlockerOverlay/>
+	  {import.meta.env.DEV && <DevModeWatermark/>}
 
-	<BrowserRouter>
-	  <DialogueProvider>
-	    <LayoutGroup>
-	      <motion.div
-		  layout="position"
-		  transition={{ layout: { duration: .2, ease: 'easeOut' } }}
-		  className="relative flex flex-col h-dvh w-full overflow-y-hidden">
-		<TopNav user={user}/>
-		<RouteTransitionWrapper user={user} setUser={setUser}/>
-	      </motion.div>
-	    </LayoutGroup>
+	  <BrowserRouter>
+	    <DialogueProvider>
+	      <LayoutGroup>
+		<motion.div
+		    layout="position"
+		    transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+		    className="relative flex flex-col h-dvh w-full overflow-y-hidden">
+		  <TopNav user={user}/>
+		  <RouteTransitionWrapper user={user} setUser={setUser}/>
+		</motion.div>
+	      </LayoutGroup>
 
-	    <Toaster/>
-	  </DialogueProvider>
-	</BrowserRouter>
+	      <Toaster/>
+	    </DialogueProvider>
+	  </BrowserRouter>
+	</UserSettingsProvider>
       </>)
 }