Fix cart

Author: w3bdesign

src/components/Checkout/CheckoutForm.component.tsx

@@ -61,8 +61,15 @@ const CheckoutForm = () => {
     notifyOnNetworkStatusChange: true,
     onCompleted: (data) => {
       const updatedCart = getFormattedCart(data) as RootObject | undefined;
-      setCart(updatedCart || null);
+      if (!cart || cart.totalProductsCount !== updatedCart?.totalProductsCount) {
+        setCart(updatedCart || null);
+      }
     },
+    onError: (error) => {
+      console.error('Error fetching cart:', error);
+      // On error, we'll show the cached cart data instead of setting to null
+    },
+    fetchPolicy: 'cache-and-network',
   });
 
   // Checkout GraphQL mutation
@@ -100,7 +107,7 @@ const CheckoutForm = () => {
 
   return (
     <>
-      {cart && !orderCompleted ? (
+      {(cart || orderCompleted) ? (
         <div className="container mx-auto">
           {/*	Order*/}
           <CartContents />
@@ -122,7 +129,7 @@ const CheckoutForm = () => {
         </div>
       ) : (
         <>
-          {!cart && !orderCompleted && (
+          {!cart && (
             <h1 className="text-2xl m-12 mt-24 font-bold text-center">
               Ingen produkter i handlekurven
             </h1>