Vidare laborationer

own-react-experiments/src/App.tsx

@@ -1,15 +1,20 @@
-import { CssBaseline, ThemeProvider } from "@mui/material"
+import { Button, CssBaseline, ThemeProvider } from "@mui/material"
 import SettingsPage from "./pages/SettingsPage"
-import { koolaste_temat } from "./theme"
+import { koolaste_temat, standard_temat } from "./theme"
+import { useState } from "react";
 
 function App() {
+  const [notheme, setNotheme] = useState(true);
 
   return (
     <>
-      <ThemeProvider theme={koolaste_temat}>
-        <CssBaseline />
-        <SettingsPage />
-      </ThemeProvider>
+      <Button onClick={() => { setNotheme(!notheme) }}>What</Button>
+      {notheme ?
+        <><SettingsPage /></> :
+        <ThemeProvider theme={koolaste_temat}>
+          <CssBaseline />
+          <SettingsPage />
+        </ThemeProvider>}
     </>
   )
 }

own-react-experiments/src/theme.ts

@@ -29,4 +29,6 @@ export const koolaste_temat: Theme = createTheme(
                 paper: "#ffffff"
             }
         }
-    });
+    });
+
+export const standard_temat: Theme = createTheme();