import ClientLayout from '@/Layouts/ClientLayout'; import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowLeft, Check, X } from 'lucide-react'; import { formatInTz } from '@/Utils/datetime'; import { useTranslation } from 'react-i18next'; export default function WebhookDeliveries({ endpoint, deliveries }) { const { t } = useTranslation(); const userTz = usePage().props.timezone || 'Asia/Dhaka'; return (

{t('webhook.deliveries_heading')}

{endpoint.url}

{deliveries.data?.map(d => ( ))} {!deliveries.data?.length && ( )}
{t('webhook.col_status')} {t('webhook.col_event')} {t('webhook.col_http')} {t('webhook.col_attempts')} {t('webhook.col_date')}
{d.response_status >= 200 && d.response_status < 300 ? {t('webhook.status_ok')} : {t('webhook.status_failed')} } {d.event} {d.response_status ?? '—'} {d.attempts} {formatInTz(d.created_at, userTz)}
{t('webhook.no_deliveries')}
); }