diff --git a/src/front/Components/Layouts/ClientDashboard/ContactBox/index.tsx b/src/front/Components/Layouts/ClientDashboard/ContactBox/index.tsx
index 03ad6bc8..d3c806a1 100644
--- a/src/front/Components/Layouts/ClientDashboard/ContactBox/index.tsx
+++ b/src/front/Components/Layouts/ClientDashboard/ContactBox/index.tsx
@@ -79,9 +79,7 @@ export default function ContactBox(props: IProps) {
{notaryContact?.email ?? "_"}
-
- {noteAndRibButton()}
-
+ {noteAndRibButton()}
{noteAndRibButton()}
@@ -107,7 +105,7 @@ export default function ContactBox(props: IProps) {
size={EButtonSize.LG}
styletype={EButtonstyletype.CONTAINED}
rightIcon={}>
- Télécharger le RIB
+ Télécharger le RIB de mon notaire
)}
>
diff --git a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
index c13c6a35..dc156ed8 100644
--- a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
+++ b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/classes.module.scss
@@ -11,6 +11,12 @@
display: flex;
flex-direction: column;
gap: var(--spacing-sm, 8px);
+
+ .refused-link {
+ color: var(--color-danger-500);
+ text-decoration: underline !important;
+ cursor: pointer;
+ }
}
@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 46ef2cec..44c227f3 100644
--- a/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
+++ b/src/front/Components/Layouts/ClientDashboard/DepositDocumentComponent/index.tsx
@@ -1,11 +1,12 @@
import DragAndDrop, { IDocumentFileWithUid } from "@Front/Components/DesignSystem/DragAndDrop";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import { Document } from "le-coffre-resources/dist/Customer";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
import classes from "./classes.module.scss";
import Files from "@Front/Api/LeCoffreApi/Customer/Files/Files";
import { ToasterService } from "@Front/Components/DesignSystem/Toaster";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
type IProps = {
document: Document;
@@ -14,6 +15,8 @@ type IProps = {
export default function DepositDocumentComponent(props: IProps) {
const { document, onChange } = props;
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const [refused_reason, setRefusedReason] = useState(null);
const defaultFiles: IDocumentFileWithUid[] = useMemo(() => {
const filesNotArchived = document.files?.filter((file) => !file.archived_at) ?? [];
@@ -50,6 +53,17 @@ export default function DepositDocumentComponent(props: IProps) {
[onChange],
);
+ const onOpenModal = useCallback(async () => {
+ const refused_reason = document.document_history?.find((history) => history.document_status === "REFUSED")?.refused_reason;
+ if (!refused_reason) return;
+ setRefusedReason(refused_reason);
+ setIsModalOpen(true);
+ }, []);
+
+ const closeModal = useCallback(() => {
+ setIsModalOpen(false);
+ }, []);
+
return (
@@ -59,8 +73,37 @@ export default function DepositDocumentComponent(props: IProps) {
Demandé le: {document.created_at ? new Date(document.created_at).toLocaleDateString() : "_"}
+ {document.document_status === "REFUSED" && (
+
+
+ Refusé le : {document.updated_at ? new Date(document.updated_at).toLocaleDateString() : "_"}
+
+
+ Document non-conforme{" : "} Voir le motif de refus
+
+
+ )}
+
+
+
+ Votre document a été refusé pour la raison suivante :
+
+
+
+ {refused_reason}
+
+
+
+
- Pour les notaires :
+ Pour les notaires et les colaborateurs :
}>
S'identifier avec ID.not