import { useEffect, useState } from 'react'; import { Head } from '@inertiajs/react'; import { Button, toast } from '@heroui/react'; import { CheckCircleIcon, LockClosedIcon } from '@heroicons/react/24/solid'; import { Field } from '@/Components/ui/Field'; import { FileField } from '@/Components/ui/FileField'; import { api } from '@/lib/api'; interface Berkas { col: string; label: string; url: string | null; } interface FormData { nama: string; keahlian: string | null; instansi: string | null; nomor_hp: string | null; email: string | null; berkas: Berkas[]; } const BERKAS: { col: string; label: string }[] = [ { col: 'berkas_ktp', label: 'KTP' }, { col: 'berkas_npwp', label: 'NPWP' }, { col: 'berkas_cv', label: 'CV' }, { col: 'berkas_bnsp', label: 'BNSP' }, { col: 'berkas_materi', label: 'Materi' }, { col: 'berkas_cover_rekening', label: 'Cover Rekening' }, { col: 'berkas_foto', label: 'Foto Diri (untuk Flyer Acara)' }, { col: 'berkas_pendukung', label: 'Berkas Pendukung' }, ]; import { GlobalUploadWidget } from '@/Components/ui/GlobalUploadWidget'; export default function NarasumberForm({ token }: { token: string }) { const [loading, setLoading] = useState(true); const [locked, setLocked] = useState(false); const [done, setDone] = useState(false); const [submitting, setSubmitting] = useState(false); const [form, setForm] = useState>({}); useEffect(() => { api.get(`/public/narasumber/isi/${token}`) .then(({ data }) => { setLocked(data.locked); const d: FormData = data.data; const next: Record = { nama: d.nama ?? '', keahlian: d.keahlian ?? '', instansi: d.instansi ?? '', nomor_hp: d.nomor_hp ?? '', email: d.email ?? '', }; d.berkas.forEach((b) => { next[b.col] = b.url ?? ''; }); setForm(next); }) .catch(() => toast.danger('Link tidak valid atau sudah tidak berlaku')) .finally(() => setLoading(false)); }, [token]); async function submit() { setSubmitting(true); try { await api.post(`/public/narasumber/isi/${token}`, form); setDone(true); } catch (e: any) { toast.danger(e?.response?.data?.message ?? 'Gagal mengirim, periksa kembali isian'); } finally { setSubmitting(false); } } return (

Formulir Data Narasumber

Lengkapi data dan unggah berkas berikut. Setelah dikirim, data tidak bisa diubah lagi.

{loading &&

Memuat...

} {!loading && (locked || done) && (
{done ? ( <>

Terima kasih, data sudah terkirim.

) : ( <>

Formulir sudah diisi sebelumnya.

Hubungi admin bila perlu memperbarui data.

)}
)} {!loading && !locked && !done && (
setForm((s) => ({ ...s, nama: v }))} /> setForm((s) => ({ ...s, keahlian: v }))} /> setForm((s) => ({ ...s, instansi: v }))} /> setForm((s) => ({ ...s, nomor_hp: v }))} /> setForm((s) => ({ ...s, email: v }))} />
{BERKAS.map((b) => ( setForm((s) => ({ ...s, [b.col]: urls[0] ?? '' }))} /> ))}
)}
); }