fix: show additional contacts on client profile page

This commit is contained in:
Chandler Copeland
2026-04-03 17:49:13 -06:00
parent 47bc0f4cfa
commit ac42fa1fc7

View File

@@ -49,8 +49,19 @@ export function ClientProfileClient({ client, docs }: Props) {
<div>
<h1 style={{ color: "#1B2B4B", fontSize: "1.5rem", fontWeight: 700, marginBottom: "0.25rem" }}>{client.name}</h1>
<p style={{ color: "#6B7280", fontSize: "0.875rem" }}>{client.email}</p>
{client.contacts && client.contacts.length > 0 && (
<div style={{ marginTop: "0.5rem", display: "flex", flexDirection: "column", gap: "0.25rem" }}>
{client.contacts.map(c => (
<div key={c.email} style={{ display: "flex", alignItems: "center", gap: "0.5rem" }}>
<span style={{ fontSize: "0.75rem", color: "#C9A84C", fontWeight: 600 }}>+</span>
<span style={{ fontSize: "0.875rem", color: "#374151", fontWeight: 500 }}>{c.name}</span>
<span style={{ fontSize: "0.875rem", color: "#9CA3AF" }}>{c.email}</span>
</div>
))}
</div>
)}
{client.propertyAddress && (
<p style={{ color: "#6B7280", fontSize: "0.875rem", marginTop: "0.25rem" }}>{client.propertyAddress}</p>
<p style={{ color: "#6B7280", fontSize: "0.875rem", marginTop: "0.375rem" }}>{client.propertyAddress}</p>
)}
</div>
<div style={{ display: "flex", gap: "0.75rem" }}>