\n {/* Filters */}\n

\n \n Filter by Status\n \n setFilterStatus(e.target.value as LeadStatus | 'all')}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n

\n\n

\n \n Filter by Quarter\n \n setFilterQuarter(e.target.value)}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n {quarters.map(quarter => (\n \n ))}\n \n

\n\n

\n Showing {filteredAndSortedLeads.length} of {leads.length} leads\n

\n\n {/* Leads Table */}\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {filteredAndSortedLeads.map((lead) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

handleSort('company_name')}\n >\n Company {getSortIcon('company_name')}\n	\n Contact\n	handleSort('deal_value')}\n >\n Deal Value {getSortIcon('deal_value')}\n	\n Quarter\n	\n Status\n	handleSort('created_at')}\n >\n Created {getSortIcon('created_at')}\n	\n Actions\n
\n \n {lead.company_name} \n {lead.notes && (\n \n {lead.notes}\n \n )}\n \n	\n \n {lead.contact_name} \n {lead.email} \n {lead.phone && (\n {lead.phone} \n )}\n \n	\n {formatCurrency(lead.deal_value)}\n	\n {lead.expected_quarter}\n	\n \n {lead.status.toUpperCase()}\n \n	\n {formatDate(lead.created_at)}\n	\n onEdit(lead)}\n className=\"text-blue-600 hover:text-blue-900 mr-3\"\n >\n Edit\n \n onDelete(lead.id)}\n className=\"text-red-600 hover:text-red-900\"\n >\n Delete\n \n

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

\n {leads.length === 0 ? (\n <>\n 📋\n

No leads yet

Get started by adding your first sales lead.

\n \n ) : (\n <>\n 🔍\n

No leads match your filters

Try adjusting your filter criteria.

\n \n )}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/fastokah/Sales_analyse/code/frontend/components/LeadList.tsx","extension","actionData","errors"]