From 3592fa05b37d37a71e2658500219388f859e4c08 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 21:09:22 -0600
Subject: [PATCH] more

---
 src/pageElements/DetailCard.js | 24 ++++++++++++------------
 src/styles/case-details.scss   | 14 ++++++++++++++
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/pageElements/DetailCard.js b/src/pageElements/DetailCard.js
index 128ffed..36c606c 100644
--- a/src/pageElements/DetailCard.js
+++ b/src/pageElements/DetailCard.js
@@ -10,15 +10,15 @@ export const DetailCard = (props) => {
     jurisdiction,
     judge,
     venue,
-    caseType,
+    caseTags,
     trialDate,
     filedDate,
-    contactFirstName,
-    contactLastName,
+    contactName,
     contactEmail,
-    attorneys,
+    leadAttorney,
     parties,
   } = data;
+  console.log("caseTags", caseTags);
 
   return (
     <div className="det-card-card-outer">
@@ -36,7 +36,7 @@ export const DetailCard = (props) => {
             <p className="detail-subhead">Lead attorney(s):</p>
             <p className="detail-text">
               {" "}
-              {attorneys ? attorneys : "Not listed"}
+              {leadAttorney ? leadAttorney : "Not listed"}
             </p>
           </div>
         </div>
@@ -52,11 +52,7 @@ export const DetailCard = (props) => {
           </div>
           <div className="detail-card-detail">
             <p className="detail-subhead"> Contact:</p>
-            <p className="detail-text">
-              {contactFirstName}
-              &nbsp;
-              {contactLastName}
-            </p>
+            <p className="detail-text">{contactName}</p>
           </div>
         </div>
 
@@ -66,9 +62,13 @@ export const DetailCard = (props) => {
             <p className="detail-text"> {judge}</p>
           </div>
 
-          <div className="detail-card-detail">
+          <div className="detail-card-casetags">
             <p className="detail-subhead">Case Type:</p>
-            <p className="detail-text"> {caseType}</p>
+            <p className="detail-text">
+              {caseTags.map((tag) => (
+                <div className="casetag-text">{tag.tagName}</div>
+              ))}
+            </p>
           </div>
           <div className="detail-card-detail">
             <p className="detail-subhead">Contact email:</p>
diff --git a/src/styles/case-details.scss b/src/styles/case-details.scss
index f82f31f..3129104 100644
--- a/src/styles/case-details.scss
+++ b/src/styles/case-details.scss
@@ -107,3 +107,17 @@
 .upload-button-box {
   margin-left: 8px;
 }
+
+.detail-text {
+  //
+}
+
+.casetag-text {
+  font-size: 0.88rem;
+}
+
+.detail-card-casetags {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 3;
+}