diff --git a/components/cart/delete-item-button.tsx b/components/cart/delete-item-button.tsx index 814e1f389..5b436a93c 100644 --- a/components/cart/delete-item-button.tsx +++ b/components/cart/delete-item-button.tsx @@ -1,47 +1,35 @@ 'use client'; import { XMarkIcon } from '@heroicons/react/24/outline'; -import clsx from 'clsx'; import { removeItem } from 'components/cart/actions'; -import LoadingDots from 'components/loading-dots'; import type { CartItem } from 'lib/shopify/types'; -import { useFormState, useFormStatus } from 'react-dom'; +import { useFormState } from 'react-dom'; -function SubmitButton() { - const { pending } = useFormStatus(); - - return ( - - ); -} - -export function DeleteItemButton({ item }: { item: CartItem }) { +export function DeleteItemButton({ + item, + optimisticUpdate +}: { + item: CartItem; + optimisticUpdate: any; +}) { const [message, formAction] = useFormState(removeItem, null); const itemId = item.id; const actionWithVariant = formAction.bind(null, itemId); return ( -