suphicakir
b269411823
- Giriş: satır içi doğrulama, şifre göster/gizle, beni hatırla, hoş geldin bildirimi - Kayıt: yeni hane kur / davetle katıl, /kayit?davet=KOD bağlantısı - Sunucu hataları ilgili alanda gösterilir (kayıtlı e-posta, geçersiz davet) - react-hook-form + zod, sonner bildirimleri, shadcn input/label/checkbox/card - Ortak form bileşenleri (FormField, PasswordInput, FormError) - 8 form kuralı testi (toplam 47); api.http demo hesaplara güncellendi - Faz 2 tamamlandı Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import type { ReactNode } from 'react'
|
||
import { Logo } from '@/components/logo'
|
||
import { ThemeToggle } from '@/components/theme-toggle'
|
||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||
import { useDocumentTitle } from '@/lib/use-document-title'
|
||
|
||
/** Giriş / kayıt ekranlarının ortak çerçevesi: ortada kart, üstte logo. */
|
||
export function AuthShell({
|
||
title,
|
||
description,
|
||
footer,
|
||
children,
|
||
}: {
|
||
title: string
|
||
description: string
|
||
footer: ReactNode
|
||
children: ReactNode
|
||
}) {
|
||
useDocumentTitle(title)
|
||
return (
|
||
<div className="flex min-h-dvh flex-col bg-muted/40">
|
||
<div className="flex justify-end p-3">
|
||
<ThemeToggle compact />
|
||
</div>
|
||
<main className="flex flex-1 flex-col items-center px-4 pb-10 sm:justify-center">
|
||
<Logo size={52} withText className="mb-6" />
|
||
<Card className="w-full max-w-md">
|
||
<CardHeader>
|
||
<CardTitle className="text-xl">
|
||
<h1>{title}</h1>
|
||
</CardTitle>
|
||
<CardDescription>{description}</CardDescription>
|
||
</CardHeader>
|
||
<CardContent>{children}</CardContent>
|
||
</Card>
|
||
<p className="mt-6 text-sm text-muted-foreground">{footer}</p>
|
||
</main>
|
||
</div>
|
||
)
|
||
}
|