added background based on country

src/components/Partials/Default.jsx

@@ -5,6 +5,13 @@ function Default({ children }) {
   // dark mode setup
   const [theme, setTheme] = useState(null);
 
+  // country mode setup
+  const [countryMode, setCountryMode] = useState(localStorage.getItem('cnt') ? localStorage.getItem('cnt')?.toUpperCase() : '')
+
+
+  const queryParams = new URLSearchParams(location?.search);
+  const country = queryParams.get("cnt")?.toUpperCase();
+
   useEffect(() => {
     if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
       setTheme("dark");
@@ -24,9 +31,17 @@ function Default({ children }) {
   const handleThemeSwitch = () => {
     setTheme(theme === "dark" ? "light" : "dark");
   };
+
+  useEffect(()=>{
+    if(country){
+      setCountryMode(country)
+      localStorage.setItem('cnt', country)
+    }
+  },[countryMode])
+
   return (
     <>
-      <DarkModeContext.Provider value={{ theme, handleThemeSwitch }}>
+      <DarkModeContext.Provider value={{ theme, handleThemeSwitch, countryMode }}>
         {children && children}
       </DarkModeContext.Provider>
     </>

src/components/Partials/Layout.jsx

@@ -24,7 +24,7 @@ export default function Layout({ children }) {
     localStorage.removeItem("member_id");
     localStorage.removeItem("uid");
     sessionStorage.removeItem("family_uid");
-    // localStorage.clear();
+    localStorage.clear();
     // toast.success("Come Back Soon", {
     //   icon: `🙂`,
     // });