tables-lefts

src/Components/HeaderMain.jsx

@@ -11,8 +11,6 @@ import {
   PopoverTrigger,
   Portal,
   Text,
-  useColorMode,
-  useColorModeValue,
 } from "@chakra-ui/react";
 import React from "react";
 import { Link } from "react-router-dom";
@@ -23,11 +21,6 @@ import profile from "../assets/proavatar.webp"
 
 const HeaderMain = ({ link, btnTitle, title, icon, logOutHandler, slideDirecttion }) => {
 
-  const { toggleColorMode } = useColorMode()
-
-  const bg = useColorModeValue('red.500', 'red.200')
-  const color = useColorModeValue('white', 'gray.800')
-
 
   return (
     <Box
@@ -39,7 +32,6 @@ const HeaderMain = ({ link, btnTitle, title, icon, logOutHandler, slideDirecttio
         fontWeight={"500"}
         color={"forestGreen.500"}
         className="fs-6 "
-        onClick={toggleColorMode}
       >
         {/* <icon /> */}
         {title}