import { Form, Head, Link } from '@inertiajs/react'; import { format } from 'date-fns'; import { ArrowLeft, Save } from 'lucide-react'; import { useState } from 'react'; import { DatePicker } from '@/components/date-picker'; import InputError from '@/components/input-error'; import { PageHeader } from '@/components/page-header'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, } from '@/components/ui/combobox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { PhoneInput } from '@/components/ui/phone-input'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { Textarea } from '@/components/ui/textarea'; import { index, update } from '@/routes/admin/users/administrators'; type Role = { id: number; name: string }; type User = { id: number; username: string; email: string; profile: { full_name: string; phone_number: string; address: string; gender: string; birth_date: string; birth_place: string; } | null; roles: { id: number; name: string }[]; }; type Props = { user: User; roles: Role[]; }; export default function AdministratorEdit({ user, roles }: Props) { const [gender, setGender] = useState(user.profile?.gender ?? ''); const [birthDate, setBirthDate] = useState( user.profile?.birth_date ? new Date(user.profile.birth_date) : undefined, ); const [role, setRole] = useState(user.roles?.[0]?.name ?? ''); return ( <>
Kembali } />
{({ errors, processing }) => ( <> Informasi Akun
r.name)} value={role} onValueChange={(v) => setRole(v ?? '') } > {(name: string) => ( {name} )}
Profil Pribadi