more

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

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