Breaking News: Grepper is joining You.com. Read the official announcement!

shoping cart

Nishan suwal answered on January 23, 2024 Popularity 9/10 Helpfulness 1/10

answer shoping cart

shoping cart

Comment

const fetchStock = async (productId) => {
  try {
    const stockResponse = await axios.get(
      `${process.env.NEXT_PUBLIC_BASE_API_URL}/api/stock/get/${productId}`
    );
    return stockResponse.data?.quantity;
  } catch (error) {
    console.error(`Error fetching stock for product ID ${productId}:`, error);
    return null; 
  }
};

useEffect(() => {
  const updateCartWithStock = async () => {
    const storedCart = JSON.parse(localStorage.getItem("myCart")) || [];
    if (storedCart.length === 0) {
      router.push("/");
    } else {
      let cartTotal = 0;
      
      const updatedCart = await Promise.all(
        storedCart.map(async (cartItem) => {
          const stockInfo = await fetchStock(cartItem.productId);
          return {
            ...cartItem,
            stock: stockInfo,
          };
        })
      );

      // Set the cart state with updatedCart, not storedCart
      setCart(updatedCart);

      updatedCart.forEach((item) => {
        cartTotal += item.price * item.quantity;
      });

      setCartTotal(cartTotal);
      setOrderTotal(Number(deliveryCharge) + Number(cartTotal));
    }
  };

  updateCartWithStock();
}, [cartState]);

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: cart javascript

Link to this answer
Share Copy Link

Contributed on Jan 23 2024

Nishan suwal

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

shoping cart

Contents

More Related Answers

shoping cart

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.