Clear the cart if quantity is 0

Author: w3bdesign

components/Cart/CartPage/CartItemsContainer.component.jsx

@@ -32,6 +32,8 @@ const CartItemsContainer = () => {
     },
   ] = useMutation(UPDATE_CART, {
     onCompleted: () => {
+      
+
       refetch();
     },
     onError: (error) => {
@@ -64,12 +66,19 @@ const CartItemsContainer = () => {
           },
         },
       });
+
+      // Clear out the cart in localStorage and the cart to null
+      if(updatedItems[0].quantity === 0 && process.browser) {
+        setCart(null)
+        localStorage.removeItem('woocommerce-cart')
+        localStorage.removeItem('woo-session')
+      }
     }
   };
 
   const { loading, error, data, refetch } = useQuery(GET_CART, {
     onCompleted: () => {
-      // Update cart in the localStorage.
+      // Update cart in the localStorage.      
       const updatedCart = getFormattedCart(data);
       localStorage.setItem('woocommerce-cart', JSON.stringify(updatedCart));
       // Update cart data in React Context.
@@ -80,7 +89,7 @@ const CartItemsContainer = () => {
       setRequestError(error);
     },
   });
-  // TODO Add more functionality
+  
 
   return (
     <>

components/Checkout/Billing.component.jsx

@@ -108,6 +108,7 @@ const Billing = ({ input, handleOnChange }) => {
                   name="paymentMethod"
                   type="radio"
                   checked
+                  readOnly
                 />
               </div>
               <div className="w-full p-2">