From a5cf8ec31047f9a6598a3a8664dcbadd99796840 Mon Sep 17 00:00:00 2001
From: Vins <vincent.alamelle@smart-chain.fr>
Date: Mon, 25 Nov 2024 09:58:36 +0100
Subject: [PATCH] Customer document status

---
 .../classes.module.scss                       |  4 +++
 .../DepositDocumentComponent/index.tsx        | 34 ++++++++++++++-----
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
index dc156ed8..ec485b20 100644
--- a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
+++ b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
@@ -17,6 +17,10 @@
 			text-decoration: underline !important;
 			cursor: pointer;
 		}
+
+		.date {
+			color: var(--color-primary-500);
+		}
 	}
 
 	@media screen and (max-width: $screen-s) {
diff --git a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
index c0599f9c..645c60a3 100644
--- a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
+++ b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
@@ -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>
 	);
 }