import { Head, Link } from '@inertiajs/react'; import { format } from 'date-fns'; import { ArrowLeft, Paperclip } from 'lucide-react'; import { PageHeader } from '@/components/page-header'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { index } from '@/routes/student/letter-requests'; import type { LetterRequest, LetterStatus } from '@/types/letter-request'; import { LetterStatusLabels } from '@/types/letter-request'; type Props = { letterRequest: LetterRequest; }; export default function LetterRequestShow({ letterRequest }: Props) { const status = letterRequest.status as LetterStatus | null; const variant = status === 'completed' ? 'default' : status === 'rejected' ? 'destructive' : status === 'in_process' ? 'secondary' : 'outline'; return ( <>
Kembali } />
{letterRequest.letter_type} {letterRequest.submitted_at && (

Diajukan pada{' '} {format( new Date(letterRequest.submitted_at), 'd MMM yyyy, HH:mm', )}

)}
{status && ( {LetterStatusLabels[status]} )}

Keperluan

{letterRequest.purpose || '-'}

{letterRequest.processor && (

Diproses Oleh

{letterRequest.processor.profile ?.full_name ?? '-'}

)} {letterRequest.completed_at && (

Selesai Pada

{format( new Date(letterRequest.completed_at), 'd MMM yyyy, HH:mm', )}

)}

Dokumen

{letterRequest.result_url ? ( {letterRequest.result_name} ) : (

Belum tersedia.

)}
); }