etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 02:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: migrate to eslint flat config and format codebase with prettier

Browse Source 
- Remove legacy .eslintrc.cjs and .eslintignore
- Add eslint.config.js with flat config, security rules (no-eval, no-implied-eval, no-new-func, no-script-url)
- Add .prettierrc and .prettierignore
- Format entire codebase with prettier
This commit is contained in:
c0mrade
2026-01-27 17:37:31 +03:00
parent 111ccc4e7a
commit bc90ba3779
133 changed files with 19972 additions and 15523 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/pages/VerifyEmail.tsx
View File

@@ -1,83 +1,91 @@
import { useEffect, useState } from 'react'
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'
import { useEffect, useState } from 'react';
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()
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')
const token = searchParams.get('token');
if (!token) {
setStatus('error')
setError(t('common.error'))
return
setStatus('error');
setError(t('common.error'));
return;
}
const verify = async () => {
try {
const response = 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')
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)
setTimeout(() => navigate('/', { replace: true }), 1500);
} catch (err: unknown) {
setStatus('error')
const error = err as { response?: { data?: { detail?: string } } }
setError(error.response?.data?.detail || t('emailVerification.failed'))
setStatus('error');
const error = err as { response?: { data?: { detail?: string } } };
setError(error.response?.data?.detail || t('emailVerification.failed'));
}
}
};
verify()
}, [searchParams, t, navigate, setTokens, setUser, checkAdminStatus])
verify();
}, [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">
<div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-8 sm:py-12">
{/* Language switcher in corner */}
<div className="fixed top-4 right-4 z-50">
<div className="fixed right-4 top-4 z-50">
<LanguageSwitcher />
</div>
<div className="max-w-md w-full text-center">
<div className="w-full max-w-md text-center">
{status === 'loading' && (
<div>
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto mb-4"></div>
<h2 className="text-lg sm:text-xl font-semibold text-gray-900">{t('emailVerification.verifying')}</h2>
<p className="text-sm sm:text-base text-gray-500 mt-2">{t('emailVerification.pleaseWait')}</p>
<div className="border-primary-600 mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2"></div>
<h2 className="text-lg font-semibold text-gray-900 sm:text-xl">
{t('emailVerification.verifying')}
</h2>
<p className="mt-2 text-sm text-gray-500 sm:text-base">
{t('emailVerification.pleaseWait')}
</p>
</div>
)}
{status === 'success' && (
<div>
<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">
<div className="mb-4 text-5xl text-green-500 sm:text-6xl">✓</div>
<h2 className="text-lg font-semibold text-gray-900 sm:text-xl">
{t('emailVerification.success')}
</h2>
<p className="mt-2 text-sm text-gray-500 sm:text-base">
{t('emailVerification.redirecting', 'Redirecting to dashboard...')}
</p>
<div className="mt-4">
<div className="animate-spin rounded-full h-6 w-6 border-b-2 border-primary-600 mx-auto"></div>
<div className="border-primary-600 mx-auto h-6 w-6 animate-spin rounded-full border-b-2"></div>
</div>
</div>
)}
{status === 'error' && (
<div>
<div className="text-red-500 text-5xl sm:text-6xl mb-4">✗</div>
<h2 className="text-lg sm:text-xl font-semibold text-gray-900">{t('emailVerification.failed')}</h2>
<p className="text-sm sm:text-base text-gray-500 mt-2">{error}</p>
<div className="mb-4 text-5xl text-red-500 sm:text-6xl">✗</div>
<h2 className="text-lg font-semibold text-gray-900 sm:text-xl">
{t('emailVerification.failed')}
</h2>
<p className="mt-2 text-sm text-gray-500 sm:text-base">{error}</p>
<div className="mt-6">
<Link to="/login" className="btn-secondary">
{t('emailVerification.goToLogin')}
@@ -87,5 +95,5 @@ export default function VerifyEmail() {
)}
</div>
</div>
)
);
}