From 666135c153a03f4e224afa1e3e4e69c35a439b63 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 22:55:00 -0600
Subject: [PATCH] more

---
 src/Components/Document/DocumentListPage.js | 66 ++++++++++++---------
 1 file changed, 37 insertions(+), 29 deletions(-)

diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js
index 1edd23f..416750e 100644
--- a/src/Components/Document/DocumentListPage.js
+++ b/src/Components/Document/DocumentListPage.js
@@ -32,7 +32,7 @@ const DocumentListPage = ({ perPage }) => {
   const [totalPages, setTotalPages] = useState(1);
   const { group } = appState;
   const [page, setPage] = useState(1);
-  // const [order, setOrder] = useState("parentCaseName");
+  const [order, setOrder] = useState("parentCaseName");
   const [lowerOrder, setLowerOrder] = useState("parentCaseName");
   const [upperOrder, setUpperOrder] = useState("parentCaseName");
   const appUserId = group ? group.appUserId : null;
@@ -192,22 +192,26 @@ const DocumentListPage = ({ perPage }) => {
         </div>
         {allDocs === null ? <div>Loading...</div> : null}
         <div className="content-container">
-          <div className="document-list-upper-wrapper">
-            <div className="list-upper-left">
-              <div className="doc-list-subhead-container">
-                <div className="doc-list-subhead">Discovery Responses</div>
+          {respDocs && respDocs.length > 0 ? (
+            <div className="document-list-upper-wrapper">
+              <div className="list-upper-left">
+                <div className="doc-list-subhead-container">
+                  <div className="doc-list-subhead">Discovery Responses</div>
+                </div>
+              </div>
+              <div className="list-upper-right">
+                <div className="d-flex justify-content-end mb-3">
+                  <SelectDropdown
+                    dropDownOptions={upperDropDownOptions}
+                    titleText="Sort documents"
+                    handleSelect={setUpperOrder}
+                  />
+                </div>
               </div>
             </div>
-            <div className="list-upper-right">
-              <div className="d-flex justify-content-end mb-3">
-                <SelectDropdown
-                  dropDownOptions={upperDropDownOptions}
-                  titleText="Sort documents"
-                  handleSelect={setUpperOrder}
-                />
-              </div>
-            </div>
-          </div>
+          ) : (
+            <></>
+          )}
           <div className="document-list-lower-wrapper">
             {respDocs && respDocs.length > 0 ? (
               respDocs.map((doc, i) => (
@@ -233,22 +237,26 @@ const DocumentListPage = ({ perPage }) => {
           </div>
         </div>
         <div className="content-container">
-          <div className="document-list-upper-wrapper">
-            <div className="list-upper-left">
-              <div className="doc-list-subhead-container">
-                <div className="doc-list-subhead">Discovery Requests</div>
+          {reqDocs && reqDocs.length > 0 ? (
+            <div className="document-list-upper-wrapper">
+              <div className="list-upper-left">
+                <div className="doc-list-subhead-container">
+                  <div className="doc-list-subhead">Discovery Requests</div>
+                </div>
+              </div>
+              <div className="list-upper-right">
+                <div className="d-flex justify-content-end mb-3">
+                  <SelectDropdown
+                    dropDownOptions={lowerDropDownOptions}
+                    titleText="Sort documents"
+                    handleSelect={setLowerOrder}
+                  />
+                </div>
               </div>
             </div>
-            <div className="list-upper-right">
-              <div className="d-flex justify-content-end mb-3">
-                <SelectDropdown
-                  dropDownOptions={lowerDropDownOptions}
-                  titleText="Sort documents"
-                  handleSelect={setLowerOrder}
-                />
-              </div>
-            </div>
-          </div>
+          ) : (
+            <></>
+          )}
           <div className="document-list-lower-wrapper">
             {reqDocs && reqDocs.length > 0 ? (
               reqDocs.map((doc, i) => (