kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-03-02 22:55:00 -06:00
parent 7951f19529
commit 666135c153
1 changed files with 37 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/Components/Document/DocumentListPage.js
View File

@@ -32,7 +32,7 @@ const DocumentListPage = ({ perPage }) => {
const [totalPages, setTotalPages] = useState(1); const [totalPages, setTotalPages] = useState(1);
const { group } = appState; const { group } = appState;
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
// const [order, setOrder] = useState("parentCaseName"); const [order, setOrder] = useState("parentCaseName");
const [lowerOrder, setLowerOrder] = useState("parentCaseName"); const [lowerOrder, setLowerOrder] = useState("parentCaseName");
const [upperOrder, setUpperOrder] = useState("parentCaseName"); const [upperOrder, setUpperOrder] = useState("parentCaseName");
const appUserId = group ? group.appUserId : null; const appUserId = group ? group.appUserId : null;
@@ -192,22 +192,26 @@ const DocumentListPage = ({ perPage }) => {
</div> </div>
{allDocs === null ? <div>Loading...</div> : null} {allDocs === null ? <div>Loading...</div> : null}
<div className="content-container"> <div className="content-container">
<div className="document-list-upper-wrapper"> {respDocs && respDocs.length > 0 ? (
<div className="list-upper-left"> <div className="document-list-upper-wrapper">
<div className="doc-list-subhead-container"> <div className="list-upper-left">
<div className="doc-list-subhead">Discovery Responses</div> <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> </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"> <div className="document-list-lower-wrapper">
{respDocs && respDocs.length > 0 ? ( {respDocs && respDocs.length > 0 ? (
respDocs.map((doc, i) => ( respDocs.map((doc, i) => (
@@ -233,22 +237,26 @@ const DocumentListPage = ({ perPage }) => {
</div> </div>
</div> </div>
<div className="content-container"> <div className="content-container">
<div className="document-list-upper-wrapper"> {reqDocs && reqDocs.length > 0 ? (
<div className="list-upper-left"> <div className="document-list-upper-wrapper">
<div className="doc-list-subhead-container"> <div className="list-upper-left">
<div className="doc-list-subhead">Discovery Requests</div> <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> </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"> <div className="document-list-lower-wrapper">
{reqDocs && reqDocs.length > 0 ? ( {reqDocs && reqDocs.length > 0 ? (
reqDocs.map((doc, i) => ( reqDocs.map((doc, i) => (