feat: integrate login/registration into PurchaseWizard

resources/js/pages/auth/LoginForm.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { useForm } from '@inertiajs/react';
+import { useForm, usePage } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
+import toast from 'react-hot-toast';
 import { LoaderCircle, Mail, Lock } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -17,6 +18,7 @@ interface LoginFormProps {
 export default function LoginForm({ onSuccess, canResetPassword = true }: LoginFormProps) {
   const [hasTriedSubmit, setHasTriedSubmit] = useState(false);
   const { t } = useTranslation('auth');
+  const { props } = usePage<{ errors: Record<string, string> }>();
 
   const { data, setData, post, processing, errors, clearErrors, reset } = useForm({
     email: '',
@@ -24,6 +26,12 @@ export default function LoginForm({ onSuccess, canResetPassword = true }: LoginF
     remember: false,
   });
 
+  useEffect(() => {
+    if (hasTriedSubmit && Object.keys(errors).length > 0) {
+      toast.error(Object.values(errors).join(' '));
+    }
+  }, [errors, hasTriedSubmit]);
+
   const submit = (e: React.FormEvent) => {
     e.preventDefault();
     setHasTriedSubmit(true);