💄 🚧 Move ThemeSwitcher inside About page (WIP, need to update switch …

…style)
arnaudsm · Jun 26, 2024 · 7801de4 · 7801de4
1 parent f1c2bd5
commit 7801de4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/frontend/src/assets/styles/components/_Navbar.scss b/frontend/src/assets/styles/components/_Navbar.scss
@@ -22,9 +22,4 @@
       opacity: 0.85;
     }
   }
-
-  .ThemeSwitcher {
-    position: absolute;
-    right: 1rem;
-  }
 }
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
@@ -1,6 +1,5 @@
 import { AppBar, Toolbar } from "@mui/material";
 import LogoURL from "../assets/icons/logo_url.svg";
-import ThemeSwitcher from "./ThemeSwitcher";
 
 export default function Navbar() {
   return (
@@ -9,8 +8,6 @@ export default function Navbar() {
         <a href="https://votefinder.fr">
           <LogoURL className="Navbar__logo" />
         </a>
-
-        <ThemeSwitcher />
       </Toolbar>
     </AppBar>
   );

diff --git a/frontend/src/pages/About.jsx b/frontend/src/pages/About.jsx
@@ -11,6 +11,7 @@ import {
   X,
 } from "@mui/icons-material";
 import { projectURL } from "../data/variables.jsx";
+import ThemeSwitcher from "../components/ThemeSwitcher.jsx";
 
 export default function About({ visible }) {
   const context = useContext(ThemeContext);
@@ -69,6 +70,12 @@ export default function About({ visible }) {
         </Button>
 
         <h2>Paramètres</h2>
+        <h2>Paramètres</h2>
+        <div>
+          Choix du thème
+          <ThemeSwitcher />
+        </div>
+
         <Button
           className="reset"
           startIcon={<Delete />}