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={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 ? (