From c2db81f3f34fdfdf29248a9e3415c0f932b7dea2 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Fri, 21 Apr 2023 17:50:55 -0500
Subject: [PATCH] feat: add border to selected client container

---
 src/app/components/Clients.module.css | 7 ++++++-
 src/app/components/Clients.tsx        | 8 +++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Clients.module.css b/src/app/components/Clients.module.css
index ca8031e..5615405 100644
--- a/src/app/components/Clients.module.css
+++ b/src/app/components/Clients.module.css
@@ -20,7 +20,8 @@
   padding: 1rem;
 }
 
-.clientContainer {
+.clientContainer,
+.selectedClientContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,6 +29,10 @@
   font-size: 0.8rem;
 }
 
+.selectedClientContainer {
+  border-bottom: 2px solid #0b3766;
+}
+
 .official {
   color: #ee7203;
   font-weight: bold;
diff --git a/src/app/components/Clients.tsx b/src/app/components/Clients.tsx
index 45c3037..a19b0de 100644
--- a/src/app/components/Clients.tsx
+++ b/src/app/components/Clients.tsx
@@ -102,7 +102,13 @@ export default function Clients({
             key={client.name}
             className={styles.client}
           >
-            <div className={styles.clientContainer}>
+            <div
+              className={
+                selectedClient.name === client.name
+                  ? styles.selectedClientContainer
+                  : styles.clientContainer
+              }
+            >
               <div
                 className={styles.clientSvg}
                 dangerouslySetInnerHTML={{