Function VerifyEmail

frontend/src/pages/VerifyEmail.tsx:9–196

()

import { useToast } from '../components/Toast/ToastProvider';

export default function VerifyEmail() {
    const { t, i18n } = useTranslation();
    const toast = useToast();
    const [searchParams] = useSearchParams();
    const navigate = useNavigate();
    const location = useLocation();
    const { setAuth, user } = useAuthStore();

    // Get email from location state (passed from register) or from URL params
    const [email, setEmail] = useState<string>((location.state as any)?.email || searchParams.get('email') || user?.email || '');

    // Support both 'token' and 'code' from URL
    const urlToken = searchParams.get('token') || searchParams.get('code');

    const [code, setCode] = useState(urlToken || '');
    const [status, setStatus] = useState<'idle' | 'verifying' | 'success' | 'error'>('idle');
    const [message, setMessage] = useState('');
    const [loading, setLoading] = useState(false);

    const isChinese = i18n.language?.startsWith('zh');
 
    useEffect(() => {
        if (user?.is_active) {
            navigate('/');
        }
    }, [user, navigate]);

    const handleVerify = async (tokenToUse: string) => {
        if (!tokenToUse || tokenToUse.length < 6) return;

        setLoading(true);
        setStatus('verifying');
        setError('');

        try {
            const res = await authApi.verifyEmail(tokenToUse);
            setStatus('success');
            setMessage(isChinese ? '邮箱验证成功！' : 'Email verified successfully!');

            // Auto-login with the returned token
            if (res.access_token && res.user) {
                setAuth(res.user, res.access_token);

                // Redirect based on needs_company_setup
                setTimeout(() => {
                    if (res.needs_company_setup) {
                        navigate('/setup-company');
                    } else {
                        navigate('/');
                    }
                }, 1500); // Short delay to show success message
            }
        } catch (err: any) {
            setStatus('error');
            setMessage(err.message || (isChinese ? '验证失败，请检查验证码是否正确' : 'Verification failed, please check the code'));
        } finally {
            setLoading(false);
        }