import { Head } from '@inertiajs/react'; import { Megaphone } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type Announcement = { id: number; title: string; content: string; published_at: string; author: { name: string }; }; type Paginator = { data: T[]; current_page: number; last_page: number; total: number; links: { url: string | null; label: string; active: boolean }[]; }; type Props = { announcements: Paginator }; const breadcrumbs: BreadcrumbItem[] = [{ title: 'Pengumuman', href: '/announcements' }]; function formatDate(date: string) { return new Intl.DateTimeFormat('id-ID', { day: 'numeric', month: 'long', year: 'numeric' }).format(new Date(date)); } export default function AnnouncementsIndex({ announcements }: Props) { return ( <>

Pengumuman

Informasi terbaru dari platform

{announcements.data.length === 0 ? (

Belum ada pengumuman

) : (
{announcements.data.map((a) => (

{a.title}

{a.content}

— {a.author.name}

))}
)}
); } AnnouncementsIndex.layout = (page: React.ReactNode) => {page};