Personal CRM

Manage your contacts and interactions

\n\n {error && (\n

\n Error: {error}\n \n

\n )}\n\n

\n {/* Left sidebar */}\n

Contacts

\n {\n setIsAddingContact(true);\n setSelectedContact(null);\n setIsEditingContact(false);\n }}\n >\n Add Contact\n \n

\n \n

\n setSearchQuery(e.target.value)}\n />\n

\n\n {isLoading ? (\n

\n ) : (\n \n )}\n

\n\n {/* Main content */}\n

\n {isAddingContact ? (\n

Add New Contact

\n setIsAddingContact(false)}\n >\n Cancel\n \n

\n \n

\n ) : isEditingContact && selectedContact ? (\n

Edit Contact

\n setIsEditingContact(false)}\n >\n Cancel\n \n

\n \n

\n ) : selectedContact ? (\n setIsEditingContact(true)}\n onDelete={() => handleDeleteContact(selectedContact.id!)}\n onContactUpdated={() => {\n fetchContacts();\n // Refresh the selected contact\n if (selectedContact.id) {\n fetch(`/api/contacts/${selectedContact.id}`)\n .then(res => res.json())\n .then(result => {\n if (result.success) {\n setSelectedContact(result.data);\n }\n });\n }\n }}\n />\n ) : (\n

Select a contact to view details or add a new contact

\n )}\n

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