more

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>

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;
+}