import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { useState } from 'react'; import { Button } from 'react-bootstrap'; import { toast } from 'react-hot-toast'; const UserTypeSelect = () => { const [selectedType, setSelectedType] = useState(''); const [isLoading, setIsLoading] = useState(false); const router = useRouter(); const handleSelection = (type: string) => { const currentType = localStorage.getItem('userType'); if (currentType && currentType !== type) { localStorage.removeItem('userType'); // Remove old type } setSelectedType(type); localStorage.setItem('userType', type); toast.success(`${type.charAt(0).toUpperCase() + type.slice(1)} selected!`); }; const handleContinue = () => { if (!selectedType) { toast.error('Please select a user type before proceeding!'); return; } setIsLoading(true); router.push('/auth/signup'); }; return ( <> Select User Type | Deliver X
Select User Type

Please choose whether you're signing up as a Carrier or a User

handleSelection('carrier')} > Carrier
Carrier
handleSelection('user')} > User
User

Already have an account?

Login
); }; export default UserTypeSelect;