import { Head, Link } from '@inertiajs/react'; import { EmptyState, PageHeader, Pagination } from '@/Components/ui'; import AppLayout from '@/Layouts/AppLayout'; interface CampaignRow { id: number; name: string; status: string; start_date: string | null; end_date: string | null; content_items_count: number; brand?: { name: string }; owner?: { name: string } | null; } export default function CampaignIndex({ campaigns, canManage }: { campaigns: { data: CampaignRow[]; prev_page_url: string | null; next_page_url: string | null; from: number | null; to: number | null; total: number }; canManage: boolean; filters: Record; options: unknown }) { return ( New campaign : undefined} /> {campaigns.data.length === 0 ? Create a campaign : undefined} /> : (
{campaigns.data.map((campaign) => (

{campaign.name}

{campaign.status}

{campaign.brand?.name} · {campaign.content_items_count} ideas · {campaign.owner?.name ?? 'No owner'}

{campaign.start_date ?? 'Open'} to {campaign.end_date ?? 'open'}

))}
)} ); }