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

\n \n \n \n \n \n \n \n \n \n \n \n {companies.map((co) => (\n \n \n \n \n \n \n \n ))}\n \n

Name	Domain	Industry	Size
\n {co.name}\n {co.city && {[co.city, co.country].filter(Boolean).join(\", \")} }\n	{co.domain \|\| \"—\"}	{co.industry \|\| \"—\"}	{co.size \|\| \"—\"}	\n Edit\n

\n )}\n

\n ,\n );\n});\n\napp.get(\"/companies/new\", (c) => c.html(\n \n \n

\n \n

\n ,\n));\n\napp.post(\"/companies\", async (c) => {\n await createCompany(parseForm(await c.req.formData()));\n return c.redirect(\"/companies\");\n});\n\napp.get(\"/companies/:id\", async (c) => {\n const company = await getCompany(Number(c.req.param(\"id\")));\n if (!company) return c.redirect(\"/companies\");\n const contacts = (await getContacts()).filter((ct) => ct.company_id === company.id);\n\n return c.html(\n \n \n Edit\n \n \n

Domain

{company.domain || \"—\"}

Industry

{company.industry || \"—\"}

Size

{company.size || \"—\"}

Location

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

\n {company.notes && (\n

Notes

{company.notes}

\n )}\n

\n\n {contacts.length > 0 && (\n

Contacts ({contacts.length})

\n {contacts.map((ct) => (\n \n

{ct.first_name} {ct.last_name || \"\"}

\n {ct.job_title || \"\"}\n {ct.email || \"\"}\n \n ))}\n

\n )}\n

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

\n \n

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