Leonid Pershin
8a3eebc48f
Backend: .NET 10 Clean Architecture + LiteCqrs.Net + EF Core/PostgreSQL + Identity/JWT. Frontend: React 19 + Vite + TanStack Query/Router + Tailwind v4 with a retro CRT theme. Docker/compose deployment mirroring PnvPanel's conventions, scoped down to the current base feature set.
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { createFileRoute, Link, useNavigate } from '@tanstack/react-router'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { LoginForm } from '@/features/auth/LoginForm'
|
|
import { useRequireGuest } from '@/features/auth/guards'
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/shared/ui/card'
|
|
|
|
export const Route = createFileRoute('/login')({ component: LoginPage })
|
|
|
|
function LoginPage() {
|
|
useRequireGuest()
|
|
const { t } = useTranslation()
|
|
const navigate = useNavigate()
|
|
|
|
return (
|
|
<div className="mx-auto max-w-sm py-8">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>{t('auth.loginTitle')}</CardTitle>
|
|
<CardDescription>{t('auth.loginSubtitle')}</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<LoginForm onSuccess={() => void navigate({ to: '/dashboard' })} />
|
|
<p className="mt-4 text-center text-sm text-muted-foreground">
|
|
{t('auth.noAccount')}{' '}
|
|
<Link to="/register" className="text-primary hover:underline">
|
|
{t('nav.register')}
|
|
</Link>
|
|
</p>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|