more

src/Components/Document/DocEditPage.js

@@ -582,109 +582,7 @@ const DocEditPage = () => {
       : fetchedCase?.defendantParties;
 
   const editingContent = () => {
-    return (
+    return <div> {headerPicker()}</div>;
-      <>
-        {headerPicker()}
-        <div className="doc-editing-wrapper">
-          <div className="pleading-header">{headerString}</div>
-          <div>
-            {displayCopy.prelimaryStatement(
-              documentType,
-              respondent,
-              servingParty
-            )}
-          </div>
-          <div className="doc-editing-sub-wrapper">
-            {parsedRogs?.map((rog, i) => (
-              <div className="req-item-outer-div">
-                <div className="request-text-up">
-                  {numberingContent(i)}
-                  {rog?.text}
-                </div>
-                <div className="req-item-inner-div">
-                  <EditElement
-                    value={
-                      responses && responses.length > 2
-                        ? // NEVER CHANGE THIS
-                          responses[i].resp
-                        : null
-                    }
-                    setShowInputEle={setShowInputEle}
-                    showInputEle={
-                      responses && responses.length > 2
-                        ? responses[i].showInputEle
-                        : null
-                    }
-                    handleFocus={handleFocus}
-                    handleEditValue={handleEditValue}
-                    handleBlur={handleBlur}
-                    i={i}
-                  />
-                </div>
-              </div>
-            ))}
-            <div
-              className="docedit-report-container"
-              onClick={() => handleConfirmReport()}
-            >
-              <div className="docedit-report-link">Report an issue</div>
-            </div>
-            <div className="doc-editing-button-container">
-              <div className="generate-button-box">
-                {/*  TODO: add tooltip: "This will save the document and create a .docx file that will (be downloaded?  saved somewhere?" */}
-                <Button
-                  className="primary-button create-gen-button"
-                  onClick={createAndReturnDocx}
-                  labelText={"Create .docx File"}
-                />
-              </div>
-              <div className="details-button-box">
-                <div>
-                  <Button
-                    className="pt-2 pb-2 mr-4 secondary-button edit-back-button"
-                    onClick={handleBack}
-                    labelText="Back To Documents Page"
-                  />
-                </div>
-                <div>
-                  <Button
-                    className="pt-2 pb-2 mr-2 primary-button"
-                    onClick={handleConfirmSave}
-                    labelText="Save Changes"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        {showSaveModal && !isReport && documentId !== null ? (
-          <ConfirmModal
-            onCancel={handleCancelSave}
-            onConfirm={handleSave}
-            buttonLabelText="Confirm Save"
-            modalText={
-              "Are you sure?  This will overrwrite any previously-saved edits."
-            }
-          />
-        ) : null}
-        {showSaveModal && isReport && documentId !== null ? (
-          <ConfirmModal
-            isReport={isReport}
-            onCancel={handleCancelSave}
-            onConfirm={handleReport}
-            buttonLabelText="Report Issue"
-            documentId={documentId}
-            caseId={caseId}
-            appUserId={appUserId}
-            issuetext={issueText}
-            setIssueText={setIssueText}
-            modalText={
-              "Date/time and document id automatically logged. Support will address this within 24 hours."
-            }
-          />
-        ) : null}
-      </>
-    );
   };
 
   const readyToEdit = fetchedCase && responses.length > 1;

src/Components/Document/captionHeaders/newYorkCaption.js

@@ -12,7 +12,11 @@ const NewYorkCaption = (props) => {
         <div className="docedit-uppercol2">
           <span>{fetchedCase?.jurisdiction}</span>
           <span>{fetchedCase?.venue}</span>
-          <div className="docedit-uppercol-divider"></div>
+          <div className="pleading-divider-box">
+            <div>
+              --------------------------------------------------------------------X
+            </div>
+          </div>
         </div>
         <div className="docedit-uppercol3"></div>
       </div>
@@ -44,7 +48,11 @@ const NewYorkCaption = (props) => {
             <div className="content-spacer2"></div>
             <div>Defendant(s)</div>
           </div>
-          <div className="docedit-uppercol-divider"></div>
+          <div className="pleading-divider-box">
+            <div>
+              -------------------------------------------------------------------------X
+            </div>
+          </div>
         </div>
         <div className="docedit-header-col3">
           <div className="scroll-button-box">

src/styles/docedit-page.scss

@@ -90,10 +90,12 @@
 .docedit-header-row {
   display: flex;
   flex-direction: row;
-  height: 210px;
+  height: 240px;
+  margin-bottom: 12px;
   color: #000000;
   font-weight: 500;
   overflow: hidden;
+  background-color: yellow;
 }
 
 .docedit-header-col1 {