Корзина приложения электронной коммерции становится пустой после выхода из системы

Я новичок в реакте, пожалуйста, помогите мне, ребята. Я получаю мою корзину пустой после выхода из системы, и я не хочу, чтобы это произошло, то есть я не хочу, чтобы моя корзина автоматически пустела после выхода из системы, я хочу, чтобы все мои товары/продукты были прямо там, в моей корзине, даже если я выйду из системы!!!
нужно ли мне обрабатывать это из бэкенда или я могу сделать это из фронтенда Я запутался Я использую react в первый раз, поэтому я запутался

Index.js

export const signout = (next) => {
const userId = isAuthenticated() && isAuthenticated().user.id;

console.log("USERID: ", userId);

if (typeof window !== undefined) {
  localStorage.removeItem("jwt");
  cartEmpty(() => {});
  //next();

  return fetch(`${API}user/logout/${userId}`, {
    method: "GET",
  })
    .then((response) => {
      console.log("Signout success");
      next();
    })
    .catch((err) => console.log(err));
}

};

Cart.js

export const addItemToCart = (item,next) => {
    let cart = [];
    if (typeof window !== undefined){
        if(localStorage.getItem("cart")){
            cart = JSON.parse(localStorage.getItem("cart"))
        }
        cart.push({
            ...item,
        });
        localStorage.setItem("cart", JSON.stringify(cart));
        next();
    }
 }

export const loadCart =() => {
    if(typeof window !== undefined){
        if(localStorage.getItem("cart")) {
            return JSON.parse(localStorage.getItem("cart"))    
        } 
    }
};

export const removeItemFromCart = (productId) => {
    let cart = [];
    if (typeof window !== undefined){
        if(localStorage.getItem("cart")) {
            cart = JSON.parse(localStorage.getItem("cart"))
        }
        cart.map((product, i) => {
            if(product.id === productId){
                cart.splice(i, 1)
            }
        });
        localStorage.setItem("cart",JSON.stringify(cart))
    } 
    return cart;
};

export const cartEmpty = (next) => {
    if (typeof window !== undefined){
        localStorage.removeItem("cart")
        let cart =[];
        localStorage.setItem("cart", JSON.stringify(cart));
        next();
    }
};
Вернуться на верх