import { useEffect, useState } from 'react'; import { Head } from '@inertiajs/react'; import { toast } from '@heroui/react'; import { DocumentIcon } from '@heroicons/react/24/solid'; import { api } from '@/lib/api'; import { formatDate } from '@/lib/formatDate'; interface Berkas { col: string; label: string; url: string | null; } interface ViewData { kode: string; submitted_at: string | null; data: { nama: string; keahlian: string | null; instansi: string | null; nomor_hp: string | null; email: string | null; berkas: Berkas[]; }; } function Row({ label, value }: { label: string; value: string | null }) { return (
{label} {value || '-'}
); } export default function NarasumberView({ token }: { token: string }) { const [loading, setLoading] = useState(true); const [view, setView] = useState(null); useEffect(() => { api.get(`/public/narasumber/lihat/${token}`) .then(({ data }) => setView(data)) .catch(() => toast.danger('Link tidak valid')) .finally(() => setLoading(false)); }, [token]); return (
{loading &&

Memuat...

} {!loading && view && (

{view.data.nama}

{view.kode}
Berkas
{view.data.berkas.map((b) => ( b.url ? ( {b.label} ) : ( {b.label} ) ))}
{view.submitted_at && (

Diisi {formatDate(view.submitted_at)}

)}
)}
); }