import { ActivityLog } from '@/components/core/activity-log'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type Campaign } from '@/types/marketing'; import { Head, Link, router } from '@inertiajs/react'; import { Activity, Calendar, DollarSign, Target, TrendingUp } from 'lucide-react'; import { useState } from 'react'; interface CampaignShowProps { campaign: Campaign; activities?: Array<{ id: number; description: string; event?: string; properties?: { old?: Record; attributes?: Record; }; causer?: { id: number; name: string; email?: string; } | null; created_at: string; }>; } export default function CampaignShow({ campaign, activities = [] }: CampaignShowProps) { const [activeTab, setActiveTab] = useState<'overview' | 'updates'>('overview'); const handleDelete = () => { if (confirm(`Are you sure you want to delete "${campaign.name}"?`)) { router.delete(`/marketing/campaigns/${campaign.id}`); } }; const handleToggleStatus = () => { const action = campaign.status?.slug === 'active' ? 'pause' : 'activate'; router.post(`/marketing/campaigns/${campaign.id}/${action}`); }; return (

{campaign.name}

Campaign Details

{(campaign.status?.slug === 'active' || campaign.status?.slug === 'paused') && ( )}
{/* Tabs */}
{/* Tab Content */} {activeTab === 'overview' && ( <>

Campaign Information

Name

{campaign.name}

{campaign.description && (

Description

{campaign.description}

)}

Type

{campaign.type?.name || '-'}

Status

{campaign.status?.name || '-'}
{campaign.channel && (

Channel

{campaign.channel.name}
)}

Duration

{new Date(campaign.start_date).toLocaleDateString()} {campaign.end_date && ` - ${new Date(campaign.end_date).toLocaleDateString()}`}

Expected Metrics

{campaign.expected_budget && (

Budget

${campaign.expected_budget.toLocaleString()}

)} {campaign.expected_leads && (

Leads

{campaign.expected_leads.toLocaleString()}

)} {campaign.expected_conversions && (

Conversions

{campaign.expected_conversions.toLocaleString()}

)} {campaign.expected_roi && (

ROI

{campaign.expected_roi}%

)}
)} {activeTab === 'updates' && (

Activity Log

 )}
); }