From 481aebb0782035e6c386cb0529066ae0799e7d37 Mon Sep 17 00:00:00 2001 From: Victor Gerbrands Date: Mon, 7 Aug 2023 16:08:07 +0200 Subject: [PATCH] fix: rm old cart button component --- components/cart/button.tsx | 64 -------------------------------------- 1 file changed, 64 deletions(-) delete mode 100644 components/cart/button.tsx diff --git a/components/cart/button.tsx b/components/cart/button.tsx deleted file mode 100644 index 5a3f538f7..000000000 --- a/components/cart/button.tsx +++ /dev/null @@ -1,64 +0,0 @@ -'use client'; - -import { useEffect, useRef, useState } from 'react'; -import { useCookies } from 'react-cookie'; - -import CartIcon from 'components/icons/cart'; -import CartModal from './modal'; - -import type { Cart } from 'lib/medusa/types'; - -export default function CartButton({ - cart, - cartIdUpdated -}: { - cart: Cart; - cartIdUpdated: boolean; -}) { - const [, setCookie] = useCookies(['cartId']); - const [cartIsOpen, setCartIsOpen] = useState(false); - const quantityRef = useRef(cart.totalQuantity); - - // Temporary hack to update the `cartId` cookie when it changes since we cannot update it - // on the server-side (yet). - useEffect(() => { - if (cartIdUpdated) { - setCookie('cartId', cart.id, { - path: '/', - sameSite: 'strict', - secure: process.env.NODE_ENV === 'production' - }); - } - return; - }, [setCookie, cartIdUpdated, cart.id]); - - useEffect(() => { - // Open cart modal when when quantity changes. - if (cart.totalQuantity !== quantityRef.current) { - // But only if it's not already open (quantity also changes when editing items in cart). - if (!cartIsOpen) { - setCartIsOpen(true); - } - - // Always update the quantity reference - quantityRef.current = cart.totalQuantity; - } - }, [cartIsOpen, cart.totalQuantity, quantityRef]); - - return ( - <> - setCartIsOpen(false)} cart={cart} /> - - - - ); -}