#34

frontend/src/App.tsx

@@ -21,6 +21,7 @@ import { applyClientAppearance,
 	 setCachedUserThemeSlots,
 	 seedClientThemeMode } from '@/lib/settings'
 import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
+import { UnsavedChangesGuardProvider } from '@/lib/useUnsavedChangesGuard'
 
 import { KeyboardShortcutsProvider } from '@/lib/useKeyboardShortcuts'
 import DeerjikistDetailPage from '@/pages/deerjikists/DeerjikistDetailPage'
@@ -210,8 +211,9 @@ const App: FC = () => {
 	{import.meta.env.DEV && <DevModeWatermark/>}
 
 	<BrowserRouter>
-	  <KeyboardShortcutsProvider>
-	    <DialogueProvider>
+	  <DialogueProvider>
+	    <UnsavedChangesGuardProvider>
+	      <KeyboardShortcutsProvider>
 	      <MotionConfig
 		  reducedMotion={
 		      animationMode === 'normal'
@@ -232,8 +234,9 @@ const App: FC = () => {
 	      </MotionConfig>
 
 	      <Toaster/>
-	    </DialogueProvider>
-	  </KeyboardShortcutsProvider>
+	      </KeyboardShortcutsProvider>
+	    </UnsavedChangesGuardProvider>
+	  </DialogueProvider>
 	</BrowserRouter>
       </>)
 }