import React from 'react' import { Head, Link } from '@inertiajs/react' import AdminLayout from '../../../Layouts/AdminLayout' function formatDateTime(value) { if (!value) return '—' const date = new Date(value) if (Number.isNaN(date.getTime())) return '—' return new Intl.DateTimeFormat('en', { dateStyle: 'medium', timeStyle: 'short' }).format(date) } function Field({ label, children }) { return (
{label}
{children}
) } export default function StaffApplicationShow({ title, item, backUrl }) { const payload = item?.payload || {} return (

Moderation surface

{item?.name || 'Staff application'}

Topic: {String(item?.topic || 'contact').replaceAll('_', ' ')} • Received {formatDateTime(item?.created_at)}

Back {item?.email ? ( Email ) : null}
{item?.name || '—'} {item?.email || '—'} {item?.role || '—'} {item?.portfolio ? {item.portfolio} : '—'}
Message
{item?.message || 'No message included.'}
) }