Signup | Deliver X

import { Checkbox, Textinput } from '@/components'; import Button from '@/components/ui/Button'; import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { useState } from 'react'; import { Form } from 'react-bootstrap'; import { toast } from 'react-hot-toast'; import { useSignupMutation } from '@/lib/redux/services/auth.api'; import errorHandler from '@/utils/request/errorHandler'; const User = () => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [confirmPassword, setConfirmPassword] = useState(''); const [termsAccepted, setTermsAccepted] = useState(false); const router = useRouter(); const [signup, { isLoading }] = useSignupMutation(); // ✅ use signup mutation properly const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); if (!termsAccepted) { toast.error('Please accept Terms & Conditions.'); return; } if (!email || !password || !confirmPassword) { toast.error('Please fill in all fields.'); return; } if (password !== confirmPassword) { toast.error('Passwords do not match.'); return; } try { const userType = localStorage.getItem('userType'); if (!userType) { toast.error('userType not found.'); } const response = await signup({ email, password, userType }).unwrap(); if (response.success) { if (response.data.token) { localStorage.setItem('token', response.data.token); localStorage.setItem('email', response.data.user.email); localStorage.setItem('userType', response.data.user.userType); } toast.success('Signup successful!'); router.push('/auth/otp?otpType=register'); } else { toast.error(response.message || 'Something went wrong'); } } catch (error: any) { console.error('Signup Error:', error); errorHandler(error) } }; return ( <> Signup | Deliver X

Sign Up

Please enter your details to sign up

Email address } type="email" placeholder="Enter email" value={email} onChange={(e) => setEmail(e.target.value)} /> Password } iconRight={

} type="password" placeholder="Enter Password" value={password} onChange={(e) => setPassword(e.target.value)} /> Confirm Password } iconRight={

} type="password" placeholder="Confirm Password" value={confirmPassword} onChange={(e) => setConfirmPassword(e.target.value)} />

setTermsAccepted(checked)} />

Already have an account?

); }; export default User;