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

✨ Email Reminder Button

Browse Source
This commit is contained in:
Max S 2024-08-20 15:56:06 +02:00
parent 8243e87271
commit c66108164c
3 changed files with 49 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/classes.module.scss Normal file
View File

@ -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;
}
}
}

27
src/front/Components/Layouts/Folder/FolderInformation/ClientView/EmailReminder/index.tsx Normal file
View File

@ -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 (
<div className={classes["root"]}>
<Button rightIcon={<EnvelopeIcon />} variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED} fullwidth>
Relancer par mail
</Button>
<div className={classes["reminder-info"]}>
<IconButton icon={<ClockIcon />} variant={EIconButtonVariant.NEUTRAL} />
<div className={classes["info"]}>
<Typography typo={ETypo.TEXT_XS_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Dernière relance: todo
</Typography>
<Typography typo={ETypo.TEXT_XS_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Nombre de relance: todo
</Typography>
</div>
</div>
</div>
);
}

4
src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx
View File

@ -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) {
</Button>
</Link>
)}
<EmailReminder />
</div>
{doesCustomerHaveDocument ? (
<DocumentTables documents={customer.documents ?? []} folderUid={folder?.uid ?? ""} />