From ad871b7eb21ba6e1e9b3b742c0eec5cabd71a4c2 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 16:49:16 -0600
Subject: [PATCH 1/9] more

---
 src/Components/Case/CaseTypePage.js | 4 ++--
 src/styles/casetype-page.scss       | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 00fa0b2..a5ac548 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -105,9 +105,9 @@ const CaseTypePage = () => {
         </div>
       </div>
       <div className="type-row">
-        <div className="type-col">
+        <div className="type-col create-case-taginput">
           <Typeahead
-            className="flex-grow-1 create-case-taginput"
+            className="flex-grow-1"
             id="case-type-search"
             labelKey="tagName"
             options={parsedTags}
diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index b859d98..e31a9ea 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -23,6 +23,11 @@
   width: 50%;
 }
 
+.create-case-taginput {
+  display: flex;
+  height: 35px;
+}
+
 .case-tag-container {
   display: flex;
   flex-direction: row;

From 4d8ef72acca34fe8d3bdce2da1dd76782c90e9b3 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 16:50:45 -0600
Subject: [PATCH 2/9] more

---
 src/styles/casetype-page.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index e31a9ea..622687c 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -21,6 +21,7 @@
   display: flex;
   flex-direction: column;
   width: 50%;
+  margin: 12px;
 }
 
 .create-case-taginput {

From 818529bdac1738ab15597a2876936ead7d1bf855 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 16:52:00 -0600
Subject: [PATCH 3/9] more

---
 src/Components/Case/CaseTypePage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index a5ac548..0550189 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -113,7 +113,7 @@ const CaseTypePage = () => {
             options={parsedTags}
             minLength={1}
             ref={typeaheadRef}
-            placeholder="Case Type - start typing"
+            placeholder="Case Type - start typing to search"
             onChange={(selected) => {
               let item = null;
               for (const currentItem of selected) {

From aef860dd4c443e4dc2cb7c0bfa059b240a2f2869 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 16:57:58 -0600
Subject: [PATCH 4/9] more

---
 src/Components/Case/CaseTypePage.js | 12 ++++++++++++
 src/styles/casetype-page.scss       |  7 +++++++
 2 files changed, 19 insertions(+)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 0550189..64f0797 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -4,6 +4,7 @@ import { useParams } from "react-router-dom";
 import { Typeahead } from "react-bootstrap-typeahead";
 import { AppContext } from "../../Hooks/useContext/appContext.js";
 import { doc, onSnapshot } from "firebase/firestore";
+import Button from "../../pageElements/Button";
 import Radiogroup from "../../pageElements/Radiogroup";
 import { caseTags } from "../../Constants/Tags/CaseTags";
 import { db } from "../../firebase";
@@ -58,6 +59,10 @@ const CaseTypePage = () => {
     setRadioValue(e.value);
   };
 
+  const handleSave = () => {
+    console.log("handleSave");
+  };
+
   return (
     <div className="type-container">
       <div className="type-row">
@@ -145,6 +150,13 @@ const CaseTypePage = () => {
           />
         </div>
       </div>
+      <div className="caseType-button-container">
+        <Button
+          className="pt-2 pb-2 mr-2 primary-button"
+          onClick={handleSave}
+          labelText="Next"
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index 622687c..0f60a9e 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -69,3 +69,10 @@
   font-size: 0.94rem;
   padding: 0px 6px;
 }
+
+.caseType-button-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 100%;
+}

From 8c29a96dd3788e44754154e0f9b1028fa6093917 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 17:14:52 -0600
Subject: [PATCH 5/9] more

---
 src/Components/Case/CaseTypePage.js | 38 ++++++++++++++++++++++-------
 src/styles/casetype-page.scss       |  7 ++++++
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 64f0797..52a9e87 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -3,7 +3,7 @@ import { useNavigate } from "react-router-dom";
 import { useParams } from "react-router-dom";
 import { Typeahead } from "react-bootstrap-typeahead";
 import { AppContext } from "../../Hooks/useContext/appContext.js";
-import { doc, onSnapshot } from "firebase/firestore";
+import { updateDoc, doc, onSnapshot } from "firebase/firestore";
 import Button from "../../pageElements/Button";
 import Radiogroup from "../../pageElements/Radiogroup";
 import { caseTags } from "../../Constants/Tags/CaseTags";
@@ -23,7 +23,7 @@ const CaseTypePage = () => {
   const [leadAttorney, setLeadAttorney] = useState("");
   const [radioValue, setRadioValue] = useState();
   const [selectedCaseTags, setSelectedCaseTags] = useState([]);
-
+  const [isBusy, setIsBusy] = useState(false);
   const typeaheadRef = useRef();
 
   function getCase() {
@@ -63,6 +63,24 @@ const CaseTypePage = () => {
     console.log("handleSave");
   };
 
+  async function saveCaseData() {
+    if (isBusy) {
+      return;
+    }
+    const dataValues = {
+      leadAttorney: leadAttorney,
+    };
+
+    setIsBusy(true);
+    try {
+      await updateDoc(doc(db, "cases", caseId), dataValues);
+    } catch (err) {
+      console.log("Error updating case:", err);
+    }
+
+    setIsBusy(false);
+  }
+
   return (
     <div className="type-container">
       <div className="type-row">
@@ -142,18 +160,20 @@ const CaseTypePage = () => {
           </div>
         </div>
         <div className="type-col">
-          <Radiogroup
-            title="Client position"
-            options={radioOptions}
-            value={radioValue}
-            onClick={(e) => handleSetRadioValue(e, "clientPosition")}
-          />
+          <div className="radio-wrapper">
+            <Radiogroup
+              title="Client position"
+              options={radioOptions}
+              value={radioValue}
+              onClick={(e) => handleSetRadioValue(e, "clientPosition")}
+            />
+          </div>
         </div>
       </div>
       <div className="caseType-button-container">
         <Button
           className="pt-2 pb-2 mr-2 primary-button"
-          onClick={handleSave}
+          onClick={saveCaseData}
           labelText="Next"
         />
       </div>
diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index 0f60a9e..3fa3e4d 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -76,3 +76,10 @@
   align-items: flex-end;
   width: 100%;
 }
+
+.radio-wrapper {
+  padding-left: 8px;
+  margin-top: -3px;
+  border: 1px solid #eaeaea;
+  border-radius: 10px;
+}

From a0cd686e2ba7baecaae33548c0997c5615d9a7e5 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 17:16:30 -0600
Subject: [PATCH 6/9] more

---
 src/Components/Case/CaseTypePage.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 52a9e87..8314133 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -83,6 +83,7 @@ const CaseTypePage = () => {
 
   return (
     <div className="type-container">
+      <dov>Addiitonal Case Information</dov>
       <div className="type-row">
         <div className="type-col">
           <input

From de61846a9792d61967dc7524db743db013e5c7ac Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 17:17:51 -0600
Subject: [PATCH 7/9] more

---
 src/styles/radio-group.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/radio-group.scss b/src/styles/radio-group.scss
index f8376cb..c2c8226 100644
--- a/src/styles/radio-group.scss
+++ b/src/styles/radio-group.scss
@@ -76,7 +76,6 @@
   justify-content: center;
   align-items: center;
   border-radius: 50%;
-  border: 1px solid #f27300;
 }
 
 .circle-container > svg {

From fe0b60e594331d98065c8e593a74fe816611f645 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 17:20:46 -0600
Subject: [PATCH 8/9] more

---
 src/styles/casetype-page.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index 3fa3e4d..27d7cbe 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -58,16 +58,15 @@
 
 .tag-ex {
   cursor: pointer;
-  margin-top: -7px;
+  margin-top: -6px;
   font-weight: 500;
-  font-size: 0.88rem;
+  font-size: 0.98rem;
   height: 20px;
-  background-color: blue;
 }
 
 .casetag-name {
   font-size: 0.94rem;
-  padding: 0px 6px;
+  padding: 0px 8px;
 }
 
 .caseType-button-container {

From f8a696d55a755ea73bfaf2daeb8afb1fb22807f3 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 17:26:36 -0600
Subject: [PATCH 9/9] more

---
 src/Components/Case/CaseTypePage.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 8314133..308680c 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -83,7 +83,13 @@ const CaseTypePage = () => {
 
   return (
     <div className="type-container">
-      <dov>Addiitonal Case Information</dov>
+      <div
+        clasName="casetype-header"
+        style={{ marginTop: "22px", marginBottom: "12px" }}
+      >
+        <h3 className="doc-header-text">Additional Case Information</h3>
+      </div>
+
       <div className="type-row">
         <div className="type-col">
           <input