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

36
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">
<div className="doclist-toggle-box"> </div>
{allDocs.length > 0 ? ( {allDocs.length > 0 ? (
<div className="doclist-select-box mb-3"> <div className="document-list-upper-wrapper">
<div className="list-upper-left">
<p className="select-billing-text">Min</p>
<Toggle onClick={handleToggle} />
<p className="select-billing-text">Max</p>
</div>
<div className="list-upper-right">
<div className="d-flex justify-content-end mb-3">
<SelectDropdown <SelectDropdown
dropDownOptions={dropDownOptions} dropDownOptions={dropDownOptions}
titleText="Sort documents" titleText="Sort documents"
handleSelect={setOrder} handleSelect={setOrder}
/> />
</div> </div>
</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;
} }