feat: add error handling for cart

makeswift · Jan 16, 2025 · e27d762 · e27d762
1 parent a672f6e
commit e27d762
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/apps/web/vibes/soul/sections/cart/client.tsx b/apps/web/vibes/soul/sections/cart/client.tsx
@@ -9,6 +9,7 @@ import { startTransition, useActionState, useEffect, useOptimistic } from 'react
 import { useFormStatus } from 'react-dom';
 
 import { Button } from '@/vibes/soul/primitives/button';
+import { toast } from '@/vibes/soul/primitives/toaster';
 import { StickySidebarLayout } from '@/vibes/soul/sections/sticky-sidebar-layout';
 
 import { cartLineItemActionFormDataSchema } from './schema';
@@ -79,6 +80,16 @@ export function CartClient<LineItem extends CartLineItem>({
     lastResult: null,
   });
 
+  const [form] = useForm({ lastResult: state.lastResult });
+
+  useEffect(() => {
+    if (form.errors) {
+      form.errors.forEach((error) => {
+        toast.error(error);
+      });
+    }
+  }, [form.errors]);
+
   const [optimisticLineItems, setOptimisticLineItems] = useOptimistic<CartLineItem[], FormData>(
     state.lineItems,
     (prevState, formData) => {