Utilized local storage for store cart and wish list items, Because earlier, when refreshing the page, the data erased. (fixes #273)

src/Context/SavedContext.jsx

@@ -1,64 +1,63 @@
-import react, { createContext, useState } from "react";
+import react, { createContext, useEffect, useState } from "react";
 import all_products from "../assets/all_product";
 export const SavedContext = createContext(null);  //ContextAPI for providing state variables to components of Wishlist
 
 const defaultWishlist = () => {
-  let list = {};
-  for (let index = 0; index < all_products.length; index++) {
-    list[index] = false;
+
+  const existingItems = JSON.parse(localStorage.getItem("shopy-wishlist"));
+
+  if (existingItems) {
+    return existingItems;
+  } else {
+    let list = {};
+    for (let index = 0; index < all_products.length; index++) {
+      list[index] = false;
+    }
+    return list;
+
   }
-  return list;
 };
 
 const SavedContextProvider = (props) => {
   const [listItem, setListItem] = useState(defaultWishlist());
   const AddToList = (id) => {
 
     setListItem((prev) => {
-      
-        const updatedState = { ...prev, [id]: !listItem[id] };
-        console.log(updatedState);
+
+      const updatedState = { ...prev, [id]: !listItem[id] };
+      console.log(updatedState);
       return updatedState;
-      
-      
+
+
     });
   };
 
   const RemoveFromList = (id) => {
     if (listItem[id]) {
       setListItem((prev) => {
-        
+
         const updatedState = { ...prev, [id]: false };
-        
+
         console.log(updatedState);
         return updatedState;
       });
     }
   };
 
-  /*const getCartTotalAmount = () => {
-    let totalAmount = 0;
-    for (const item in cartItem) {
-      if (cartItem[item] > 0) {
-        let itemInfo = all_products.find(
-          (product) => product.id === Number(item)
-        );
-        totalAmount += cartItem[item] * itemInfo.new_price;
-      }
-    }
-    return totalAmount;
-  };*/
-
   const getListQuantity = () => {
     let totalQuantity = 0;
     for (const item in listItem) {
       if (listItem[item]) {
-        totalQuantity ++;
+        totalQuantity++;
       }
     }
     return totalQuantity;
   };
 
+  useEffect(() => {
+    localStorage.setItem("shopy-wishlist", JSON.stringify(listItem))
+  }, [listItem])
+
   const contextValue = {
     all_products,
     listItem,

src/Context/ShopContext.jsx

@@ -1,18 +1,25 @@
-import react, { createContext, useState } from "react";
+import react, { createContext, useEffect, useState } from "react";
 import all_products from "../assets/all_product";
 export const ShopContext = createContext(null);
 
 const getCartDefault = () => {
-  let cart = {};
-  for (let index = 0; index < all_products.length; index++) {
-    cart[index] = 0;
+
+  const existingItems = JSON.parse(localStorage.getItem("shopy-cart"));
+  if (existingItems) {
+    return existingItems
+  } else {
+    let cart = {};
+    for (let index = 0; index < all_products.length; index++) {
+      cart[index] = 0;
+    }
+    return cart;
   }
-  return cart;
+
 };
 
 const ShopContextProvider = (props) => {
   const [cartItem, setCartItem] = useState(getCartDefault());
-  
+
   const AddToCart = (id) => {
     setCartItem((prev) => {
       const updatedState = { ...prev, [id]: prev[id] + 1 };
@@ -54,6 +61,10 @@ const ShopContextProvider = (props) => {
     return totalQuantity;
   };
 
+  useEffect(() => {
+    localStorage.setItem("shopy-cart", JSON.stringify(cartItem))
+  }, [cartItem])
+
   const contextValue = {
     all_products,
     cartItem,