Корзина приложения электронной коммерции становится пустой после выхода из системы
Я новичок в реакте, пожалуйста, помогите мне, ребята. Я получаю мою корзину пустой после выхода из системы, и я не хочу, чтобы это произошло, то есть я не хочу, чтобы моя корзина автоматически пустела после выхода из системы, я хочу, чтобы все мои товары/продукты были прямо там, в моей корзине, даже если я выйду из системы!!!
нужно ли мне обрабатывать это из бэкенда или я могу сделать это из фронтенда Я запутался Я использую 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();
}
};