Your Network

\n \n {/* Filters and Search */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n setFilterStrength(e.target.value)}\n className=\"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n \n \n setSortBy(e.target.value as any)}\n className=\"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n \n

\n\n {/* Stats */}\n

\n Total: {contacts.length}\n Filtered: {filteredContacts.length}\n Pending Follow-ups: {contacts.filter(c => c.follow_up_date && !c.follow_up_completed).length}\n

\n\n {/* Contact Grid */}\n

\n {filteredContacts.map(contact => (\n

{contact.name}

\n \n {contact.connection_strength}\n \n {isFollowUpOverdue(contact) && (\n \n Overdue\n \n )}\n

\n \n

\n {contact.company && (\n

Company: {contact.company}

\n )}\n {contact.position && (\n

Position: {contact.position}

\n )}\n {contact.industry && (\n

Industry: {contact.industry}

\n )}\n {contact.met_at && (\n

Met at: {contact.met_at}

\n )}\n

\n {contact.email && (\n

Email: \n \n {contact.email}\n \n

\n )}\n {contact.phone && (\n

Phone: \n \n {contact.phone}\n \n

\n )}\n {contact.linkedin_url && (\n

LinkedIn: \n \n Profile\n \n

\n )}\n {contact.follow_up_date && !contact.follow_up_completed && (\n

\n Follow-up: {new Date(contact.follow_up_date).toLocaleDateString()}\n

\n )}\n

\n\n {contact.notes && (\n

{contact.notes}

\n )}\n\n {contact.tags && (\n

\n {contact.tags.split(',').map((tag, index) => (\n \n {tag.trim()}\n \n ))}\n

\n )}\n

\n\n

\n onEdit(contact)}\n className=\"text-sm text-blue-600 hover:text-blue-800 font-medium\"\n >\n Edit\n \n {contact.follow_up_date && !contact.follow_up_completed && (\n onMarkFollowUpComplete(contact.id)}\n className=\"text-sm text-green-600 hover:text-green-800 font-medium\"\n >\n Mark Done\n \n )}\n onDelete(contact.id)}\n className=\"text-sm text-red-600 hover:text-red-800 font-medium\"\n >\n Delete\n \n

\n ))}\n\n {filteredContacts.length === 0 && (\n

👥

\n {searchTerm || filterStrength !== 'all' ? 'No contacts match your filters' : 'No contacts yet'}\n

\n {searchTerm || filterStrength !== 'all' \n ? 'Try adjusting your search or filters'\n : 'Start building your network by adding your first contact'\n }\n

\n {!searchTerm && filterStrength === 'all' && (\n window.location.hash = 'add-contact'}\n className=\"btn-primary\"\n >\n Add Your First Contact\n \n )}\n

\n )}\n

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