import { Head, Link } from '@inertiajs/react'; import { PageHeader, PriorityBadge, StatusBadge } from '@/Components/ui'; import AppLayout from '@/Layouts/AppLayout'; import { formatDate } from '@/lib/utils'; import type { ContentSummary } from '@/types'; export default function CampaignShow({ campaign, content, canManage }: { campaign: { id: number; name: string; description: string | null; objective: string | null; status: string; start_date: string | null; end_date: string | null; brand: { name: string } | null; owner: { name: string } | null; members: { id: number; name: string }[] }; content: ContentSummary[]; canManage: boolean; }) { return ( Edit : undefined} />

{campaign.objective}

{campaign.description}

{formatDate(campaign.start_date)} – {formatDate(campaign.end_date)} · Owner {campaign.owner?.name ?? 'unassigned'}

Members: {campaign.members.map((member) => member.name).join(', ') || 'None'}

{content.length === 0 &&

No ideas are linked to this campaign yet.

} {content.map((item) => (
{item.title}

{item.reference_number} · {item.owner?.name ?? 'No owner'} · Due {formatDate(item.deadline)}

))}
); }