styled toasts with light and dark

the-collab-lab · Apr 5, 2024 · 14d9446 · 14d9446
1 parent 7d5b0cb
commit 14d9446
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/index.jsx b/src/index.jsx
@@ -16,15 +16,6 @@ function AppWithTheme() {
 	return (
 		<Theme appearance={isDarkMode ? 'dark' : 'light'}>
 			<App />
-		</Theme>
-	);
-}
-
-const root = createRoot(document.getElementById('root'));
-root.render(
-	<StrictMode>
-		<DarkModeProvider>
-			<AppWithTheme />
 			<ToastContainer
 				limit={2}
 				position="top-right"
@@ -37,9 +28,18 @@ root.render(
 				pauseOnFocusLoss
 				draggable
 				pauseOnHover
-				theme="light" //TODO: change to conditional once merged
+				theme={isDarkMode ? 'light' : 'dark'}
 				transition:Bounce
 			/>
+		</Theme>
+	);
+}
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+	<StrictMode>
+		<DarkModeProvider>
+			<AppWithTheme />
 		</DarkModeProvider>
 	</StrictMode>,
 );