import { useEffect } from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { MarketingFooter } from '@/Components/marketing/MarketingFooter'; import { MarketingNav } from '@/Components/marketing/MarketingNav'; import InertiaPagination from '@/Components/Shared/InertiaPagination'; import { Badge } from '@/Components/ui/badge'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import { useChangelogBadge } from '@/hooks/useChangelogBadge'; import { formatDateOnly } from '@/lib/format'; import { type PageProps } from '@/types'; interface ChangelogEntry { id: number; title: string; body: string; version: string | null; type: 'feature' | 'improvement' | 'fix' | 'security'; published_at: string; } interface PaginatedEntries { data: ChangelogEntry[]; current_page: number; last_page: number; total: number; links: { url: string | null; label: string; active: boolean }[]; } interface Props { entries: PaginatedEntries; can_login: boolean; can_register: boolean; } const TYPE_LABELS: Record = { feature: 'New Feature', improvement: 'Improvement', fix: 'Bug Fix', security: 'Security', }; const TYPE_VARIANTS: Record = { feature: 'default', improvement: 'secondary', fix: 'outline', security: 'destructive', }; type ChangelogComponent = ((props: Props) => JSX.Element) & { disableGlobalUi?: boolean; }; const Changelog: ChangelogComponent = ({ entries, can_login, can_register }) => { const appName = import.meta.env.VITE_APP_NAME || 'RankWiz'; const { app_url } = usePage().props; const latestEntryAt = entries.data[0]?.published_at; const { markSeen } = useChangelogBadge(latestEntryAt); // Mark changelog as read whenever this page is visited useEffect(() => { markSeen(latestEntryAt); }, [markSeen, latestEntryAt]); return ( <>

Changelog

New updates and improvements to {appName}.

Missing something?{' '} Request a feature {' '} and vote on what gets built next.

{entries.data.map((entry) => (
{entry.title}
{entry.version && ( v{entry.version} )} {TYPE_LABELS[entry.type] ?? entry.type}

{formatDateOnly(entry.published_at, 'long')}

{entry.body}

))} {entries.data.length === 0 && (

No changelog entries yet.

)}
{entries.last_page > 1 && (
)}
); }; Changelog.disableGlobalUi = true; export default Changelog;