Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 1x 2x 2x 2x | import { Input } from '@core/components/ui/input'
import { Label } from '@core/components/ui/label'
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@core/components/ui/card'
import { useFormContext } from 'react-hook-form'
import { useTranslation } from 'react-i18next'
export const IdentityForm = () => {
const { t } = useTranslation()
const { register } = useFormContext()
return (
<Card
style={{
backgroundColor: 'var(--admin-card-bg)',
borderColor: 'var(--admin-border-color)',
}}
>
<CardHeader>
<CardTitle>{t('admin_branding.identity.title')}</CardTitle>
<CardDescription>{t('admin_branding.identity.description')}</CardDescription>
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 gap-4">
<div className="grid gap-2">
<Label htmlFor="organization">
{t('admin_branding.identity.org_name')}
</Label>
<Input
id="organization"
{...register('organization')}
placeholder={t('admin_branding.identity.org_placeholder')}
/>
<p className="text-xs text-muted-foreground">
{t('admin_branding.identity.org_hint')}
</p>
</div>
<div className="grid gap-2">
<Label htmlFor="website">{t('admin_branding.identity.website')}</Label>
<Input
id="website"
{...register('website')}
placeholder={t('admin_branding.identity.website_placeholder')}
/>
</div>
</div>
</CardContent>
</Card>
)
}
|