Add files via upload

src/pages/VerifyEmail.tsx

@@ -1,14 +1,18 @@
 import { useEffect, useState } from 'react'
-import { useSearchParams, Link } from 'react-router-dom'
+import { useSearchParams, Link, useNavigate } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { authApi } from '../api/auth'
+import { useAuthStore } from '../store/auth'
+import { tokenStorage } from '../utils/token'
 import LanguageSwitcher from '../components/LanguageSwitcher'
 
 export default function VerifyEmail() {
   const { t } = useTranslation()
+  const navigate = useNavigate()
   const [searchParams] = useSearchParams()
   const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading')
   const [error, setError] = useState('')
+  const { setTokens, setUser, checkAdminStatus } = useAuthStore()
 
   useEffect(() => {
     const token = searchParams.get('token')
@@ -21,8 +25,15 @@ export default function VerifyEmail() {
 
     const verify = async () => {
       try {
-        await authApi.verifyEmail(token)
+        const response = await authApi.verifyEmail(token)
+        // Save tokens and log user in
+        tokenStorage.setTokens(response.access_token, response.refresh_token)
+        setTokens(response.access_token, response.refresh_token)
+        setUser(response.user)
+        checkAdminStatus()
         setStatus('success')
+        // Redirect to dashboard after short delay
+        setTimeout(() => navigate('/', { replace: true }), 1500)
       } catch (err: unknown) {
         setStatus('error')
         const error = err as { response?: { data?: { detail?: string } } }
@@ -31,7 +42,7 @@ export default function VerifyEmail() {
     }
 
     verify()
-  }, [searchParams, t])
+  }, [searchParams, t, navigate, setTokens, setUser, checkAdminStatus])
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-50 py-8 px-4 sm:py-12">
@@ -54,12 +65,10 @@ export default function VerifyEmail() {
             <div className="text-green-500 text-5xl sm:text-6xl mb-4">✓</div>
             <h2 className="text-lg sm:text-xl font-semibold text-gray-900">{t('emailVerification.success')}</h2>
             <p className="text-sm sm:text-base text-gray-500 mt-2">
-              {t('emailVerification.successMessage')}
+              {t('emailVerification.redirecting', 'Redirecting to dashboard...')}
             </p>
-            <div className="mt-6">
-              <Link to="/login" className="btn-primary">
-                {t('emailVerification.goToLogin')}
-              </Link>
+            <div className="mt-4">
+              <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-primary-600 mx-auto"></div>
             </div>
           </div>
         )}