dark mode enhanced

Rajesh-Royal · Jun 20, 2021 · a689029 · a689029
1 parent 4e40666
commit a689029
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/client/src/Components/common/DarkModeToggle.js b/client/src/Components/common/DarkModeToggle.js
@@ -7,7 +7,7 @@ const DarkModeToggle = () => {
   useEffect(() => {
     if (
       localStorage.emp_theme === "dark" ||
-      (!("bid_Theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)
+      (!("emp_Theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)
     ) {
       document.documentElement.classList.add("dark");
       setDark(true);
@@ -21,13 +21,17 @@ const DarkModeToggle = () => {
       ? document.documentElement.classList.add("dark")
       : document.documentElement.classList.remove("dark");
   };
+
+  useEffect(() => {
+    dark ? (localStorage.emp_theme = "dark") : (localStorage.emp_theme = "light");
+  }, [dark]);
+
   return (
     <button
       type="button"
       className="focus:outline-none"
       onClick={() => {
         setDark(!dark);
-        dark ? (localStorage.emp_theme = "dark") : (localStorage.emp_theme = "light");
         setDarkMode();
       }}
       aria-label="Toggle color mode">

diff --git a/client/src/index.js b/client/src/index.js
@@ -1,13 +1,12 @@
+import { ApolloClient, ApolloProvider, InMemoryCache } from "@apollo/client";
 import React from "react";
 import ReactDOM from "react-dom";
-import { ApolloClient, InMemoryCache, ApolloProvider } from "@apollo/client";
-
-import "./assets/global-css/tailwind.css";
 import App from "./App";
+import "./assets/global-css/tailwind.css";
 import { projectData } from "./Data/data";
 
 const client = new ApolloClient({
-  uri: projectData.graphqlServerLive,
+  uri: projectData.graphqlServerLocal,
   cache: new InMemoryCache(),
 });