From 36efd057bfcff1598d93ea0641a1bc8158ebd382 Mon Sep 17 00:00:00 2001 From: Giovanni-Josserand Date: Thu, 12 Mar 2026 12:20:55 +0100 Subject: [PATCH] Rename ThemeSwitcher ui component files --- .../ThemeSwitcher.module.css | 0 .../ThemeSwitcher.tsx | 4 ++- .../ui/themeSwitcher/ThemeSwitcher.jsx | 32 ------------------- .../SettingsModal/SettingsModal.tsx | 2 +- src/stories/ThemeSwitcher.stories.jsx | 2 +- 5 files changed, 5 insertions(+), 35 deletions(-) rename src/components/ui/{themeSwitcher => ThemeSwitcher}/ThemeSwitcher.module.css (100%) rename src/components/ui/{themeSwitcher => ThemeSwitcher}/ThemeSwitcher.tsx (97%) delete mode 100644 src/components/ui/themeSwitcher/ThemeSwitcher.jsx diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.module.css b/src/components/ui/ThemeSwitcher/ThemeSwitcher.module.css similarity index 100% rename from src/components/ui/themeSwitcher/ThemeSwitcher.module.css rename to src/components/ui/ThemeSwitcher/ThemeSwitcher.module.css diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.tsx b/src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx similarity index 97% rename from src/components/ui/themeSwitcher/ThemeSwitcher.tsx rename to src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx index ce09015..8a857f0 100644 --- a/src/components/ui/themeSwitcher/ThemeSwitcher.tsx +++ b/src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx @@ -1,4 +1,5 @@ -/*import Button from "../button/button.jsx"; +/* +import Button from "../button/button.jsx"; import { useState, useEffect } from "react"; import styles from "./ThemeSwitcher.module.css"; @@ -29,6 +30,7 @@ export default function ThemeSwitcher() { {`${theme}

Changer de thème

+} }*/ import Button from "../Button/Button"; diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx b/src/components/ui/themeSwitcher/ThemeSwitcher.jsx deleted file mode 100644 index 1953c97..0000000 --- a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx +++ /dev/null @@ -1,32 +0,0 @@ -import Button from "../Button/Button.tsx"; -import { useState, useEffect } from "react"; -import styles from "./ThemeSwitcher.module.css"; - - -export default function ThemeSwitcher() { - - const [theme, setTheme] = useState(""); - - useEffect(() => { - const t = localStorage.getItem("theme"); - if(t) setTheme(t); - else setTheme("light"); - }, []); - - const switchTheme = () => { - - let newTheme = theme === "light" ? "dark" : "light"; - - if(theme === null || theme === "") newTheme = "dark"; - - localStorage.setItem("theme", newTheme); - setTheme(newTheme); - - window.dispatchEvent(new Event("theme-changed")); - }; - - return -} \ No newline at end of file diff --git a/src/pages/Profile/components/SettingsModal/SettingsModal.tsx b/src/pages/Profile/components/SettingsModal/SettingsModal.tsx index e542b60..3d7440f 100644 --- a/src/pages/Profile/components/SettingsModal/SettingsModal.tsx +++ b/src/pages/Profile/components/SettingsModal/SettingsModal.tsx @@ -2,7 +2,7 @@ import {useContext, useState, ChangeEvent} from "react"; import Modal from "../../../../components/ui/Modal/Modal"; import Button from "../../../../components/ui/Button/Button"; import styles from "./SettingsModal.module.css"; -import ThemeSwitcher from "../../../../components/ui/themeSwitcher/ThemeSwitcher"; +import ThemeSwitcher from "../../../../components/ui/ThemeSwitcher/ThemeSwitcher"; import {AuthContext} from "../../../../contexts/auth/AuthContext"; import TextInput from "../../../../components/ui/Input/Input"; import updateUser from "../../../../utils/users/updateUser.js"; diff --git a/src/stories/ThemeSwitcher.stories.jsx b/src/stories/ThemeSwitcher.stories.jsx index 8ae3e63..1f35f8a 100644 --- a/src/stories/ThemeSwitcher.stories.jsx +++ b/src/stories/ThemeSwitcher.stories.jsx @@ -1,4 +1,4 @@ -import ThemeSwitcher from "../components/ui/themeSwitcher/ThemeSwitcher"; +import ThemeSwitcher from "../components/ui/ThemeSwitcher/ThemeSwitcher"; import Background from "../components/Background/Background.jsx"; export default {