more

src/Components/Modals/UploadModal.js

@@ -12,6 +12,7 @@ import { collection, setDoc, doc } from "firebase/firestore";
 import { db } from "../../firebase";
 import { v4 as uuidv4 } from "uuid";
 import TextInput from "../../pageElements/TextInput";
+import { ExclamationTriangle } from "react-bootstrap-icons";
 import Radio from "../../pageElements/Radio";
 import "../../styles/modals.scss";
 
@@ -187,12 +188,18 @@ const UploadModal = (props) => {
       <Modal.Body>
         <div className="modal-header-text-wrapper">
           <p className="upload-modal-header-text">
-            Select a .pdf file for upload. Enter title and choose document type.
-            (the other fields are optional.)
+            Select a .pdf file for upload, then 1. enter title 2. choose
+            document type. (the other fields are optional.)
           </p>
           <p className="upload-modal-header-text">
-            Select the document type.{" "}
             <span className="upload-header-bold">
+              <ExclamationTriangle
+                style={{
+                  color: "red",
+                  marginBottom: "4px",
+                  marginRight: "8px",
+                }}
+              />
               Selecting "complaint" will automatically begin creation of
               discovery requests.
             </span>
@@ -243,13 +250,12 @@ const UploadModal = (props) => {
               />
             </Col>
             <Col>
-              {" "}
               <div className="radio-wrapper">
                 <Radiogroup
-                  title="Client position"
+                  title="Document type"
                   options={radioOptions}
                   value={radioValue}
-                  onClick={(e) => handleSetRadioValue(e, "clientPosition")}
+                  onClick={(e) => handleSetRadioValue(e, "documentType")}
                 />
               </div>
             </Col>

src/styles/modals.scss

@@ -71,6 +71,7 @@
     }
   }
 }
+
 .caption-one-container > .mb-3 {
   margin-bottom: 0px !important;
 }
@@ -135,6 +136,10 @@
   padding-left: 7px;
 }
 
+.zora {
+  width: 160px !important;
+}
+
 @media only screen and (max-width: 820px) {
   .modal-body {
     width: 580px !important;