From ac42fa1fc7d2e15358f098d252a08cd9df574e5e Mon Sep 17 00:00:00 2001
From: Chandler Copeland <ccopeland@motivhealth.com>
Date: Fri, 3 Apr 2026 17:49:13 -0600
Subject: [PATCH] fix: show additional contacts on client profile page

---
 .../app/portal/_components/ClientProfileClient.tsx  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/teressa-copeland-homes/src/app/portal/_components/ClientProfileClient.tsx b/teressa-copeland-homes/src/app/portal/_components/ClientProfileClient.tsx
index 8c69ace..e5b4ced 100644
--- a/teressa-copeland-homes/src/app/portal/_components/ClientProfileClient.tsx
+++ b/teressa-copeland-homes/src/app/portal/_components/ClientProfileClient.tsx
@@ -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" }}>