import React from 'react'; import MainLayout from '@/layouts/MainLayout'; import { Card, Col, Row, Form, Button } from 'react-bootstrap'; import IconifyIcon from '@/components/wrappers/IconifyIcon'; import { Head, router } from '@inertiajs/react'; type ThreadRow = { id: number; subject?: string | null; account_name?: string | null; contact_name?: string | null; last_message_at?: string | null; is_active?: boolean; }; type ActiveMessage = { id: number; from_name?: string | null; from_email?: string | null; subject?: string | null; body_text?: string | null; body_html?: string | null; sent_at?: string | null; is_inbound?: boolean; }; type ActiveThread = { id: number; subject?: string | null; account_name?: string | null; contact_name?: string | null; messages: ActiveMessage[]; }; type InboxIndexProps = { title?: string; threads?: ThreadRow[]; activeThread?: ActiveThread | null; filters?: { account_id?: number | null; contact_id?: number | null; type?: string | null; }; }; function formatDate(value?: string | null) { if (!value) return ''; try { return new Date(value).toLocaleString(); } catch { return value; } } export default function InboxIndex({ title = 'Inbox', threads = [], activeThread = null, filters = { account_id: null, contact_id: null, type: 'email', }, }: InboxIndexProps) { return (

Inbox
Inbox
Threads ({threads.length})
Preview
Threads
{threads.length === 0 ? (
No inbox threads yet.
) : ( threads.map((thread) => (
{ window.location.href = `/messages/inbox?thread=${thread.id}`; }} >
{thread.subject || '(no subject)'}
{thread.account_name || 'No account linked'}
{thread.contact_name || 'No contact linked'}
{thread.message_count} messages
)) )}
{!activeThread ? (
Choose a thread to view details.
) : ( <>
{activeThread.subject || '(no subject)'}
{activeThread.account_name || 'No account linked'} {' • '} {activeThread.contact_name || 'No contact linked'}
{activeThread.messages.length === 0 ? (
No messages in this thread.
) : ( activeThread.messages.map((message) => (
{message.from_name || 'Unknown sender'}
{message.from_email || ''}
{formatDate(message.sent_at)}
{message.body_html ? (
) : (
{message.body_text || '(no message body)'}
)}
)) )} )}
); }