import React from 'react';
import { Head, Link } from '@inertiajs/react';
import EmployerLayout from '../../../Layouts/EmployerLayout';
import { MessageSquare, CheckCircle2, ChevronRight, Search, Plus } from 'lucide-react';
export default function Index({ conversations }) {
return (
{/* Header Actions */}
New Conversation
Active Threads
{conversations?.length || 0} Total
{conversations?.length > 0 ? (
{conversations.map((thread) => (
{thread.worker_name.charAt(0)}
{thread.online && (
)}
{thread.worker_name}
{thread.category}
{thread.sent_at}
{thread.last_message}
{thread.unread ? (
) : (
)}
))}
) : (
No active messages
When you message workers or schedule interviews, your conversation threads will appear here.