\n {contacts.length === 0\n ? \n : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {contacts.map((c_: Contact) => (\n \n \n \n \n \n \n \n ))}\n \n

Name	Email	Company	Title
\n \n \n {initials(c_.first_name, c_.last_name)}\n \n \n {c_.first_name} {c_.last_name \|\| \"\"} \n {c_.phone && {c_.phone} }\n \n \n	{c_.email \|\| \"—\"}	{c_.company_name \|\| \"—\"}	{c_.job_title \|\| \"—\"}	\n Edit\n

\n )}\n

\n ,\n );\n});\n\n// New\napp.get(\"/contacts/new\", async (c) => {\n const companies = await getCompanies();\n return c.html(\n \n \n

\n \n

\n ,\n );\n});\n\n// Create\napp.post(\"/contacts\", async (c) => {\n const body = await c.req.formData();\n await createContact(parseForm(body));\n return c.redirect(\"/contacts\");\n});\n\n// Detail\napp.get(\"/contacts/:id\", async (c) => {\n const contact = await getContact(Number(c.req.param(\"id\")));\n if (!contact) return c.redirect(\"/contacts\");\n\n return c.html(\n \n \n Edit\n \n \n

{contact.email || \"—\"}

Phone

{contact.phone || \"—\"}

Job Title

{contact.job_title || \"—\"}

Company

\n {contact.company_id\n ? {contact.company_name}\n : \"—\"}\n

Location

{[contact.city, contact.country].filter(Boolean).join(\", \") || \"—\"}

Created

{fmtDate(contact.created_at)}

\n {contact.notes && (\n

Notes

{contact.notes}

\n )}\n

\n ,\n );\n});\n\n// Edit\napp.get(\"/contacts/:id/edit\", async (c) => {\n const contact = await getContact(Number(c.req.param(\"id\")));\n if (!contact) return c.redirect(\"/contacts\");\n const companies = await getCompanies();\n return c.html(\n \n \n

\n \n

\n ,\n );\n});\n\n// Update\napp.post(\"/contacts/:id\", async (c) => {\n const body = await c.req.formData();\n await updateContact(Number(c.req.param(\"id\")), parseForm(body));\n return c.redirect(`/contacts/${c.req.param(\"id\")}`);\n});\n\n// Delete\napp.post(\"/contacts/:id/delete\", async (c) => {\n await deleteContact(Number(c.req.param(\"id\")));\n return c.redirect(\"/contacts\");\n});\n","deleted","label",[178,161],"pages","permalink","https://www.val.town/x/dcm31/crm/code/pages/contacts.tsx","extension","actionData","errors"]