more

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,6 +192,7 @@ const DocumentListPage = ({ perPage }) => {
         </div>
         {allDocs === null ? <div>Loading...</div> : null}
         <div className="content-container">
+          {respDocs && respDocs.length > 0 ? (
             <div className="document-list-upper-wrapper">
               <div className="list-upper-left">
                 <div className="doc-list-subhead-container">
@@ -208,6 +209,9 @@ const DocumentListPage = ({ perPage }) => {
                 </div>
               </div>
             </div>
+          ) : (
+            <></>
+          )}
           <div className="document-list-lower-wrapper">
             {respDocs && respDocs.length > 0 ? (
               respDocs.map((doc, i) => (
@@ -233,6 +237,7 @@ const DocumentListPage = ({ perPage }) => {
           </div>
         </div>
         <div className="content-container">
+          {reqDocs && reqDocs.length > 0 ? (
             <div className="document-list-upper-wrapper">
               <div className="list-upper-left">
                 <div className="doc-list-subhead-container">
@@ -249,6 +254,9 @@ const DocumentListPage = ({ perPage }) => {
                 </div>
               </div>
             </div>
+          ) : (
+            <></>
+          )}
           <div className="document-list-lower-wrapper">
             {reqDocs && reqDocs.length > 0 ? (
               reqDocs.map((doc, i) => (