📝

\n No messages scheduled\n

\n Schedule your first WhatsApp message to get started\n

\n );\n }\n\n return (\n

\n {/* Filter Tabs */}\n

\n {[\n { key: 'all', label: 'All', count: messages.length },\n { key: 'pending', label: 'Pending', count: messages.filter(m => m.status === 'pending').length },\n { key: 'sent', label: 'Sent', count: messages.filter(m => m.status === 'sent').length },\n { key: 'failed', label: 'Failed', count: messages.filter(m => m.status === 'failed').length }\n ].map(({ key, label, count }) => (\n setFilter(key as any)}\n className={`flex-1 py-2 px-3 text-sm font-medium rounded-md transition-colors ${\n filter === key\n ? 'bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300'\n : 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'\n }`}\n >\n {label} {count > 0 && ({count})}\n \n ))}\n

\n\n {/* Messages List */}\n

\n {filteredMessages.map((message) => (\n \n

\n {/* Header */}\n

\n {getStatusIcon(message.status)}\n

\n \n {message.contactName || message.phoneNumber}\n \n {message.isRecurring && (\n \n 🔄 {message.recurrenceType}\n \n )}\n

\n {message.contactName && (\n

\n {message.phoneNumber}\n

\n )}\n

\n\n {/* Message Preview */}\n

\n {message.message}\n

\n {message.message.length > 100 && (\n setExpandedMessage(\n expandedMessage === message.id ? null : message.id\n )}\n className=\"text-xs text-green-600 dark:text-green-400 hover:underline mt-1\"\n >\n {expandedMessage === message.id ? 'Show less' : 'Show more'}\n \n )}\n

\n\n {/* Timing Info */}\n

\n 📅 {formatDateTime(message.scheduledTime)}\n {message.status === 'pending' && (\n \n {isOverdue(message.scheduledTime, message.status) \n ? 'Overdue' \n : `in ${timeUntilScheduled(message.scheduledTime)}`\n }\n \n )}\n

\n \n {message.status}\n \n

\n\n {/* Attempt Info */}\n {message.attempts > 0 && (\n

\n Attempts: {message.attempts}\n {message.lastAttempt && (\n \n Last: {formatDateTime(message.lastAttempt)}\n \n )}\n

\n )}\n

\n\n {/* Actions */}\n

\n {canSendNow(message) && (\n onSendMessage(message.id)}\n className=\"px-3 py-1 bg-green-500 hover:bg-green-600 text-white text-xs rounded font-medium transition-colors\"\n >\n Send Now\n \n )}\n \n {message.status === 'pending' && (\n handleCancel(message.id)}\n className=\"px-3 py-1 bg-yellow-500 hover:bg-yellow-600 text-white text-xs rounded font-medium transition-colors\"\n >\n Cancel\n \n )}\n\n handleDelete(message.id)}\n className=\"px-3 py-1 bg-red-500 hover:bg-red-600 text-white text-xs rounded font-medium transition-colors\"\n >\n Delete\n \n

\n ))}\n

\n\n {filteredMessages.length === 0 && (\n

🔍

\n No {filter} messages found\n

\n )}\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/w_ache/whatsapp/code/frontend/components/ScheduleList.tsx","extension","actionData","errors"]