import { Head, Link, router } from '@inertiajs/react'; import { Plus, Trash2 } from 'lucide-react'; import { useConfirm } from '@/components/confirm-dialog-provider'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { useT } from '@/lib/i18n'; import { create as adminChangelogCreate, destroy as adminChangelogDestroy, edit as adminChangelogEdit, publish as adminChangelogPublish, } from '@/routes/admin/changelog'; import type { BreadcrumbItem } from '@/types'; type Status = 'draft' | 'published' | 'archived'; type Entry = { id: string; version: string; released_at: string | null; status: Status; title: string; body: string; created_at: string; updated_at: string; }; type Props = { entries: Entry[]; }; const statusTone: Record = { draft: 'bg-amber-50 text-amber-800 border-amber-200', published: 'bg-emerald-50 text-emerald-800 border-emerald-200', archived: 'bg-slate-100 text-slate-600 border-slate-200', }; export default function AdminChangelogIndex({ entries }: Props) { const { t } = useT(); const confirm = useConfirm(); const breadcrumbs: BreadcrumbItem[] = [ { title: t('Admin'), href: '/admin' }, { title: t('Changelog'), href: '/admin/changelog' }, ]; const statusLabel: Record = { draft: t('draft'), published: t('published'), archived: t('archived'), }; return (

{t('Changelog')}

{t('Authoring surface for the public')}{' '} /changelog {' '} {t( "page. Drafts stay invisible to buyers; once published, the entry's version becomes immutable.", )}

{entries.length === 0 ? ( {t( 'No changelog entries yet. Click "New entry" to write the first one.', )} ) : (
{entries.map((entry) => (
{entry.version} {statusLabel[entry.status]} {entry.released_at && ( {new Date( entry.released_at, ).toLocaleDateString()} )}

{entry.title}

{entry.status === 'draft' && ( )} {entry.status !== 'archived' && ( )}
))}
)}
); }