import { Head, Link } from '@inertiajs/react'; import PublicLayout from '@/pages/layouts/public-layout'; type HistoryItem = { tanggal: string | null; waktu: string | null; waktu_akhir: string | null; location: string | null; }; type Match = { tanggal: string | null; status: number; status_label: string; nama_pengirim: string | null; photo_url: string | null; history: HistoryItem[]; }; type Props = { token: string; matches: Match[]; total: number; truncated: boolean; notFound: boolean; lookupReady: boolean; }; export default function TrackingShow({ token, matches, truncated, notFound }: Props) { return (

Hasil tracking

{token}

{notFound || matches.length === 0 ? (

Nomor tracking tidak ditemukan.

Coba lagi
) : (
{matches.length > 1 || truncated ? (

{truncated ? `Menampilkan ${matches.length} kiriman terbaru. Nomor tracking ini dipakai lebih dari satu kiriman โ€” hubungi layanan pelanggan bila data tidak sesuai.` : `Ditemukan ${matches.length} kiriman dengan nomor yang sama.`}

) : null} {matches.map((match, index) => (

{match.status_label}

{match.tanggal ? (

{match.tanggal}

) : null}
{match.nama_pengirim ? (

Pengirim: {match.nama_pengirim}

) : null} {match.photo_url ? (
Bukti penerimaan
) : null} {match.history.length > 0 ? (
    {match.history.map((item, historyIndex) => (

  1. {[ item.tanggal, item.waktu_akhir && item.waktu ? `${item.waktu} โ€“ ${item.waktu_akhir}` : item.waktu, ] .filter(Boolean) .join(' ยท ') || 'โ€”'}

    {item.location ? (

    {item.location}

    ) : null}
    2. ))}
) : (

Belum ada riwayat perjalanan.

)}
))} Lacak nomor lain
)}
); }