diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/classes.module.scss b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/classes.module.scss
new file mode 100644
index 00000000..d427c5b7
--- /dev/null
+++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/classes.module.scss
@@ -0,0 +1,19 @@
+@import "@Themes/constants.scss";
+
+.root {
+ display: flex;
+ flex-direction: column;
+ gap: var(--spacing-md, 32px);
+
+ .reminder-info {
+ display: flex;
+ gap: 8px;
+ align-items: center;
+
+ .info {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ }
+ }
+}
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/index.tsx
new file mode 100644
index 00000000..1d0c1808
--- /dev/null
+++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/index.tsx
@@ -0,0 +1,27 @@
+import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
+import IconButton, { EIconButtonVariant } from "@Front/Components/DesignSystem/IconButton";
+import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
+import { ClockIcon, EnvelopeIcon } from "@heroicons/react/24/outline";
+
+import classes from "./classes.module.scss";
+
+export default function EmailReminder() {
+ return (
+
+
} variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED} fullwidth>
+ Relancer par mail
+
+
+
} variant={EIconButtonVariant.NEUTRAL} />
+
+
+ Dernière relance: todo
+
+
+ Nombre de relance: todo
+
+
+
+
+ );
+}
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx
index 3a02bd33..e1c92d9f 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx
@@ -8,13 +8,14 @@ import { AnchorStatus } from "..";
import classes from "./classes.module.scss";
import ClientBox from "./ClientBox";
import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
-import { DocumentIcon, UserPlusIcon } from "@heroicons/react/24/outline";
+import { DocumentIcon, EnvelopeIcon, UserPlusIcon } from "@heroicons/react/24/outline";
import Module from "@Front/Config/Module";
import Link from "next/link";
import NoDocument from "./NoDocument";
import DocumentTables from "./DocumentTables";
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document";
+import EmailReminder from "./EmailReminder";
type IProps = {
folder: OfficeFolder;
@@ -114,6 +115,7 @@ export default function ClientView(props: IProps) {
)}
+
{doesCustomerHaveDocument ? (