Merge branch 'feat/COT-54-change-global-background' into release

IT-Cotato · Dec 30, 2024 · 5a7f0c4 · 5a7f0c4
2 parents 90a9e5c + 235c041
commit 5a7f0c4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Background.tsx b/src/components/Background.tsx
@@ -14,7 +14,7 @@ const Background = () => {
   const theme = useTheme();
 
   //
-  const { DefaultTheme } = useCotatoTheme();
+  const { theme: cotatoTheme } = useCotatoTheme();
 
   //
   //
@@ -37,7 +37,7 @@ const Background = () => {
     >
       <Box
         component="img"
-        src={DefaultTheme === 'light' ? lightBackgroundImage : darkBackgroundImage}
+        src={cotatoTheme === 'light' ? lightBackgroundImage : darkBackgroundImage}
         sx={{
           objectFit: 'cover',
           height: '100vh',

diff --git a/src/hooks/useCotatoTheme.ts b/src/hooks/useCotatoTheme.ts
@@ -10,8 +10,8 @@ import React from 'react';
 //
 
 function useCotatoTheme() {
-  const defaultTheme = localStorage.getItem('theme') || COTATO_DARK_THEME;
-  const [theme, setTheme] = React.useState(defaultTheme);
+  const currentTheme = localStorage.getItem('theme') || COTATO_DARK_THEME;
+  const [theme, setTheme] = React.useState(currentTheme);
 
   /**
    *
@@ -39,6 +39,7 @@ function useCotatoTheme() {
   //
   return {
     DefaultTheme: theme,
+    theme: currentTheme,
     onChangeTheme,
   };
 }