Update AddToCart.component.tsx

Author: w3bdesign

src/components/Product/AddToCart.component.tsx

@@ -123,23 +123,29 @@ const AddToCart = ({
     },
   });
 
-  const handleAddToCart = () => {
-    // Optimistically update cart count
-    if (cart) {
-      setCart({
-        ...cart,
-        totalProductsCount: cart.totalProductsCount + 1,
-        products: [...cart.products]
-      });
-    } else {
-      setCart({
-        products: [],
-        totalProductsCount: 1,
-        totalProductsPrice: 0
-      });
+  const handleAddToCart = async () => {
+    try {
+      // First attempt the server update
+      await addToCart();
+      
+      // Only update local state if server update succeeds
+      if (cart) {
+        setCart({
+          ...cart,
+          totalProductsCount: cart.totalProductsCount + 1,
+          products: [...cart.products]
+        });
+      } else {
+        setCart({
+          products: [],
+          totalProductsCount: 1,
+          totalProductsPrice: 0
+        });
+      }
+    } catch (error) {
+      console.error('Failed to add to cart:', error);
+      setRequestError(true);
     }
-    
-    addToCart();
   };
 
   return (