diff --git a/src/Components/Case/CaseDetailsPage.js b/src/Components/Case/CaseDetailsPage.js index f5d1b73..4511208 100644 --- a/src/Components/Case/CaseDetailsPage.js +++ b/src/Components/Case/CaseDetailsPage.js @@ -169,15 +169,6 @@ const CaseDetailsPage = () => { fetchData(); }, [fbUserId]); - const handleUploadDoc = () => { - if (docsAllowed - docsGenerated > 0) { - setUploadType("discovery"); - setShowUploadModal(true); - } else { - setShowConfirmModal(true); - } - }; - const handleNavigate = (docId, caseId) => { getDocument(docId, caseId); }; @@ -189,6 +180,15 @@ const CaseDetailsPage = () => { navigate(`/reqedit/${documentId}/interrogatories-out/${caseId}`); }; + const handleUploadDoc = () => { + if (docsAllowed - docsGenerated > 0) { + setUploadType("discovery"); + setShowUploadModal(true); + } else { + setShowConfirmModal(true); + } + }; + const handleUploadComplaint = () => { if (docsAllowed - docsGenerated > 0) { setUploadType("complaint"); diff --git a/src/Components/Modals/UploadModal.js b/src/Components/Modals/UploadModal.js index eb1c173..e3710ed 100644 --- a/src/Components/Modals/UploadModal.js +++ b/src/Components/Modals/UploadModal.js @@ -44,7 +44,7 @@ const UploadModal = (props) => { const [fileToUpload, setFileToUpload] = useState(); const [fileToParse, setFileToParse] = useState(""); const [fileChanged, setFileChanged] = useState(); - const [radioValue, setRadioValue] = useState(null); + const [radioValue, setRadioValue] = useState(uploadType); const [radioValueError, setRadioValueError] = useState(""); const [showFileDetails, setShowFileDetails] = useState(""); const [titleError, setShowTitleError] = useState(""); @@ -52,6 +52,9 @@ const UploadModal = (props) => { const fileTypes = ["PDF"]; const fileName = fileToParse ? fileToParse.name : undefined; console.log("uploadType", uploadType); + console.log("radioValue", radioValue); + const currentType = + uploadType === "complaint" ? "complaint" : "discovery request"; const otherType = uploadType === "complaint" ? "discovery request" : "complaint"; let docType; @@ -229,7 +232,7 @@ const UploadModal = (props) => { return ( - Document Upload + Upload {currentType}
@@ -257,7 +260,7 @@ const UploadModal = (props) => { marginRight: "8px", }} /> - NOTE: YOU ARE UPLOADING A {uploadType.toUpperCase()} + YOU ARE UPLOADING A {currentType.toUpperCase()}

If you intended to upload a {otherType} - click "cancel", then select {otherType} @@ -273,7 +276,14 @@ const UploadModal = (props) => { name={"title"} value={docTitle} onChange={handleTitleInput} - label={docTitle ? "" : "Title"} + label={ + docTitle + ? "" + : `${ + currentType.split("")[0].toUpperCase() + + currentType.substring(1, 20) + } title` + } error={!!titleError} message={titleError} /> @@ -284,7 +294,10 @@ const UploadModal = (props) => { name={"description"} value={docDescription} onChange={handleDescInput} - label="Description" + label={`${ + currentType.split("")[0].toUpperCase() + + currentType.substring(1, 20) + } description`} /> @@ -295,24 +308,23 @@ const UploadModal = (props) => { name={"date"} value={dateServed} onChange={handleDateInput} - label={dateServed ? "" : "Date Served"} + label={ + dateServed + ? "" + : `${ + currentType.split("")[0].toUpperCase() + + currentType.substring(1, 20) + } date served` + } /> -

- handleSetRadioValue(e, "documentType")} - /> -
+
- Select Document + Select {currentType}
{
{fileToParse ? fileToParse[0]?.name - : "Click to select a file or drag and drop here"} + : "Click to select file or drag and drop here"}
@@ -353,3 +365,13 @@ const UploadModal = (props) => { }; export default UploadModal; + +/* + handleSetRadioValue(e, "documentType")} + /> + */