From a502223348610367cc5e7353c2c98a206d7c2a07 Mon Sep 17 00:00:00 2001
From: Sergio Rodriguez <uo282598@uniovi.es>
Date: Tue, 23 Apr 2024 11:14:59 +0200
Subject: [PATCH] feat: Deleting the first config of colorMode

---
 webapp/src/components/menu/LateralMenu.jsx | 8 ++------
 webapp/src/index.js                        | 3 +--
 webapp/src/styles/theme.js                 | 2 --
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/webapp/src/components/menu/LateralMenu.jsx b/webapp/src/components/menu/LateralMenu.jsx
index 833b3694..f51a592b 100644
--- a/webapp/src/components/menu/LateralMenu.jsx
+++ b/webapp/src/components/menu/LateralMenu.jsx
@@ -2,9 +2,9 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
-import { Box, Drawer, DrawerOverlay, DrawerContent, DrawerCloseButton, DrawerHeader, DrawerBody, DrawerFooter, Select, Button, Text, IconButton, Flex, Image, useColorMode } from '@chakra-ui/react';
+import { Box, Drawer, DrawerOverlay, DrawerContent, DrawerCloseButton, DrawerHeader, DrawerBody, DrawerFooter, Select, Button, Text, IconButton, Flex, Image } from '@chakra-ui/react';
 import { FaChartBar, FaBook, FaTachometerAlt } from 'react-icons/fa';
-import { InfoIcon, SettingsIcon, SunIcon, MoonIcon } from '@chakra-ui/icons';
+import { InfoIcon, SettingsIcon } from '@chakra-ui/icons';
 
 import AuthManager from "components/auth/AuthManager";
 
@@ -13,7 +13,6 @@ const LateralMenu = ({ isOpen, onClose, changeLanguage, isDashboard }) => {
     const [selectedLanguage, setSelectedLanguage] = useState('');
     const [isLoggedIn, setIsLoggedIn] = useState(false);
     const { t, i18n } = useTranslation();
-    const { colorMode, toggleColorMode } = useColorMode();
 
     useEffect(() => {
         checkIsLoggedIn();
@@ -56,9 +55,6 @@ const LateralMenu = ({ isOpen, onClose, changeLanguage, isDashboard }) => {
                     <Flex align="center">
                         <Image src="/kiwiq-icon.ico" alt="App icon" width="80px" height="80px"/>
                         <DrawerHeader color={"forest_green.500"}>KIWIQ</DrawerHeader>
-                        {
-                            colorMode === "light" ? <IconButton colorScheme={"forest_green"} onClick={toggleColorMode} icon={<MoonIcon />} aria-label={'DarkMode'} /> : <IconButton colorScheme={"forest_green"} onClick={toggleColorMode} icon={<SunIcon />} aria-label={'LightMode'} />
-                        }
                     </Flex>
                     <DrawerBody>
                         <Box flexDirection="column">
diff --git a/webapp/src/index.js b/webapp/src/index.js
index 6ad4954f..0b32c148 100644
--- a/webapp/src/index.js
+++ b/webapp/src/index.js
@@ -4,7 +4,7 @@ import './index.css';
 import reportWebVitals from './reportWebVitals';
 import {createBrowserRouter, RouterProvider} from 'react-router-dom';
 import router from 'components/Router';
-import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
+import { ChakraProvider } from '@chakra-ui/react';
 import "./i18n";
 import theme from "./styles/theme";
 
@@ -13,7 +13,6 @@ const browserRouter = createBrowserRouter(router);
 
 root.render(
   <ChakraProvider theme={theme}>
-      <ColorModeScript initialColorMode={theme.config.initialColorMode} />
       <RouterProvider router={browserRouter} />
   </ChakraProvider>
 );
diff --git a/webapp/src/styles/theme.js b/webapp/src/styles/theme.js
index 85e00e36..c7126e63 100644
--- a/webapp/src/styles/theme.js
+++ b/webapp/src/styles/theme.js
@@ -117,7 +117,5 @@ const theme = extendTheme({
             }
         },
     },
-    initialColorMode: 'system',
-    useSystemColorMode: true,
 });
 export default theme;
\ No newline at end of file