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-02-20 12:45:17 -06:00
parent 722f39dec0
commit 9657f204bd
2 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -176,7 +176,7 @@ const DocumentListPage = ({ perPage }) => {
if (!group) { if (!group) {
return null; return null;
} }
console.log("allDocs", allDocs);
const DesktopContent = () => { const DesktopContent = () => {
return ( return (
<> <>
@@ -186,21 +186,29 @@ const DocumentListPage = ({ perPage }) => {
</div> </div>
{allDocs === null ? <div>Loading...</div> : null} {allDocs === null ? <div>Loading...</div> : null}
{allDocs !== null ? ( {allDocs !== null ? (
<div> <div className="content-container">
<div className="doclist-upper-wrapper"> {allDocs.length > 0 ? (
<div className="doclist-toggle-box"> </div> <div className="document-list-upper-wrapper">
{allDocs.length > 0 ? ( <div className="list-upper-left">
<div className="doclist-select-box mb-3"> <p className="select-billing-text">Min</p>
<SelectDropdown
dropDownOptions={dropDownOptions} <Toggle onClick={handleToggle} />
titleText="Sort documents"
handleSelect={setOrder} <p className="select-billing-text">Max</p>
/>
</div> </div>
) : ( <div className="list-upper-right">
<></> <div className="d-flex justify-content-end mb-3">
)} <SelectDropdown
</div> dropDownOptions={dropDownOptions}
titleText="Sort documents"
handleSelect={setOrder}
/>
</div>
</div>
</div>
) : (
<></>
)}
<div className="document-list-lower-wrapper"> <div className="document-list-lower-wrapper">
{allDocs.length > 0 ? ( {allDocs.length > 0 ? (
allDocs allDocs
@@ -209,17 +217,17 @@ const DocumentListPage = ({ perPage }) => {
<DocCard <DocCard
key={`doccard-${i}`} key={`doccard-${i}`}
title={doc.docTitle} title={doc.docTitle}
parentCaseNumber={doc?.parentCaseNumber} parentCaseNumber={doc.parentCaseNumber}
parentCaseName={doc?.parentCaseName} parentCaseName={doc.parentCaseName}
parentCaseId={doc?.parentCaseId} parentCaseId={doc.parentCaseId}
createdAt={doc?.createdAt} createdAt={doc.createdAt}
docType={doc?.docType} docType={doc.docType}
documentId={doc?.documentId} documentId={doc.documentId}
dateServed={doc?.dateServed} dateServed={doc.dateServed}
confirmDelete={confirmDelete} confirmDelete={confirmDelete}
handleNavigate={handleNavigate} handleNavigate={handleNavigate}
displayDeleteButton={true} displayDeleteButton={true}
responseGenerations={doc?.responseGenerations} responseGenerations={doc.responseGenerations}
/> />
)) ))
) : ( ) : (

18
src/styles/doclist-page.scss
View File

@@ -52,6 +52,22 @@
padding: 3px 0px; padding: 3px 0px;
} }
.document-list-upper-wrapper {
display: flex;
flex-direction: row;
width: 100%;
background-color: yellow;
}
.list-upper-left {
background-color: blue;
width: 95%;
}
.list-upper-right {
background-color: red;
}
.document-list-lower-wrapper { .document-list-lower-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -66,6 +82,6 @@
font-weight: 500; font-weight: 500;
} }
.dropdown-container { .content-container {
padding: 0rem 1rem; padding: 0rem 1rem;
} }