import { MessageSquare } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { ExportButton } from '@/Components/ui/export-button'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime, formatNumber } from '@/lib/format'; import type { PaginatedResponse } from '@/types'; interface OpportunityFeedbackRow { id: number; site_id: number | null; site_name: string | null; site_domain: string | null; user_id: number | null; user_name: string | null; user_email: string | null; opportunity_type: string; opportunity_id: number; feedback_type: string; notes: string | null; resolved_at: string | null; created_at: string; } interface Props { feedback: PaginatedResponse; filters: { feedback_type?: string; opportunity_type?: string; sort?: string; dir?: string; }; feedback_types: string[]; opportunity_types: string[]; stats: { total: number; resolved: number; }; } function getOpportunityAdminUrl(type: string, id: number): string | null { if (type === 'recommendation') return `/admin/recommendations/${id}`; if (type === 'freshness') return `/admin/freshness-recommendations/${id}`; return null; } export default function AdminOpportunityFeedbackIndex({ feedback, filters, feedback_types, opportunity_types, stats, }: Props) { const { updateFilter, handleSort, handlePage } = useAdminFilters({ route: '/admin/opportunity-feedback', filters, }); const isNavigating = useNavigationState(); useAdminKeyboardShortcuts({ onNextPage: feedback.current_page < feedback.last_page ? () => handlePage(feedback.current_page + 1) : undefined, onPrevPage: feedback.current_page > 1 ? () => handlePage(feedback.current_page - 1) : undefined, }); return (

Admin Opportunity Feedback

} />

Opportunity Feedback Filters {feedback_types.length > 0 && ( )} {opportunity_types.length > 0 && ( )}

Site User Opportunity Type Feedback Notes Resolved {feedback.data.map((item) => ( {item.site_id ? (

{item.site_name ?? '—'}

{item.site_domain}

) : (

—

)} {item.user_id ? ( {item.user_name ?? item.user_email ?? `#${item.user_id}`} ) : ( — )} {(() => { const url = getOpportunityAdminUrl(item.opportunity_type, item.opportunity_id); return url ? (

{item.opportunity_type.replace(/_/g, ' ')} #{item.opportunity_id} →

) : (

{item.opportunity_type.replace(/_/g, ' ')} #{item.opportunity_id}

); })()} {item.feedback_type.replace(/_/g, ' ')} {item.notes ?? '—'} {item.resolved_at ? ( {formatRelativeTime(item.resolved_at)} ) : ( — )} {formatRelativeTime(item.created_at)} ))}

); }