#34

frontend/src/App.tsx

@@ -18,6 +18,7 @@ import {
     getClientThemeMode,
     seedClientThemeMode,
 } from '@/lib/settings'
+import { KeyboardShortcutsProvider } from '@/lib/useKeyboardShortcuts'
 import DeerjikistDetailPage from '@/pages/deerjikists/DeerjikistDetailPage'
 import MaterialBasePage from '@/pages/materials/MaterialBasePage'
 import MaterialDetailPage from '@/pages/materials/MaterialDetailPage'
@@ -185,19 +186,21 @@ const App: FC = () => {
 	{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>
+	  <KeyboardShortcutsProvider>
+	    <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>
+	      <Toaster/>
+	    </DialogueProvider>
+	  </KeyboardShortcutsProvider>
 	</BrowserRouter>
       </>)
 }