emptymycart

GrossesMitaines/grosses-mitaines-ui/src/components/Cart.js

@@ -10,7 +10,8 @@ export const CartContext = createContext({
     removeOneFromCart: () => { },
     deleteFromCart: () => { },
     getTotalCost: () => { },
-    addToCart: () => { }
+    addToCart: () => { },
+    emptyCart: () => { }
 });
 
 export function CartProvider({ children }) {
@@ -27,7 +28,7 @@ export function CartProvider({ children }) {
     }, []);
 
     useEffect(() => {
-        cookies.set('cart', cartProducts, { path: '/', SameSite: 'strict', secure: true, maxAge: 2592000 })
+        cookies.set('cart', cartProducts, { path: '/', SameSite: 'strict', secure: true, maxAge: 2592000 });
 
 
     }, [cartProducts]);
@@ -101,6 +102,11 @@ export function CartProvider({ children }) {
         return totalCost;
     };
 
+    function emptyCart() {
+        cookies.remove('cart', { path: '/', domain: "localhost"});
+        setCartProducts([]);
+    }
+
     const contextValue = {
         items: cartProducts,
         getProductQuantity,
@@ -109,7 +115,8 @@ export function CartProvider({ children }) {
         removeOneFromCart,
         deleteFromCart,
         getTotalCost,
-        addToCart
+        addToCart,
+        emptyCart
     };
 
     return (