4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Customer document status

Browse Source
This commit is contained in:
Vins 2024-11-25 09:58:36 +01:00
parent 223a57f892
commit a5cf8ec310
2 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
View File

@ -17,6 +17,10 @@
text-decoration: underline !important;
cursor: pointer;
}
.date {
color: var(--color-primary-500);
}
}
@media screen and (max-width: $screen-s) {

34
src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
View File

@ -72,18 +72,32 @@ export default function DepositDocumentComponent(props: IProps) {
{document.document_type?.name ?? "_"}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Demandé le: {document.created_at ? new Date(document.created_at).toLocaleDateString() : "_"}
Demandé le:{" "}
<a className={classes["date"]}>{document.created_at ? new Date(document.created_at).toLocaleDateString() : "_"}</a>
</Typography>
{document.document_status === "REFUSED" && (
<div>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Refusé le : {document.updated_at ? new Date(document.updated_at).toLocaleDateString() : "_"}
Refusé le :{" "}
<a className={classes["date"]}>
{document.updated_at ? new Date(document.updated_at).toLocaleDateString() : "_"}
</a>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.ERROR_WEAK_CONTRAST} onClick={onOpenModal}>
Document non-conforme{" : "} <a className={classes["refused-link"]}>Voir le motif de refus</a>
</Typography>
</div>
)}
{document.document_status === "VALIDATED" && (
<div>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Validé le :{" "}
<a className={classes["date"]}>
{document.updated_at ? new Date(document.updated_at).toLocaleDateString() : "_"}
</a>
</Typography>
</div>
)}
</div>
<Confirm
@ -105,13 +119,15 @@ export default function DepositDocumentComponent(props: IProps) {
</div>
</Confirm>
<DragAndDrop
title={"Glisser-déposer ou"}
description={document.document_type?.public_description ?? undefined}
defaultFiles={defaultFiles}
onAddFile={addFile}
onDelete={deleteFile}
/>
{document.document_status !== "VALIDATED" && (
<DragAndDrop
title={"Glisser-déposer ou"}
description={document.document_type?.public_description ?? undefined}
defaultFiles={defaultFiles}
onAddFile={addFile}
onDelete={deleteFile}
/>
)}
</div>
);
}