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

Empty Alert retour

Browse Source
This commit is contained in:
Max S 2024-07-23 11:40:59 +02:00
parent a8b42c0122
commit 26d217b6ae
4 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/front/Components/DesignSystem/EmptyAlert/classes.module.scss
View File

@ -13,6 +13,14 @@
text-align: center;
.text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--spacing-md, 16px);
}
svg {
width: 32px;
stroke: var(--primary-weak-contrast);

14
src/front/Components/DesignSystem/EmptyAlert/index.tsx
View File

@ -16,12 +16,14 @@ export default function EmptyAlert(props: IProps) {
return (
<div className={classes["root"]}>
{icon}
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.COLOR_NEUTRAL_950}>
{title}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}>
{description}
</Typography>
<div className={classes["text"]}>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.COLOR_NEUTRAL_950}>
{title}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}>
{description}
</Typography>
</div>
{footer}
</div>
);

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

@ -1,4 +1,4 @@
import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import EmptyAlert from "@Front/Components/DesignSystem/EmptyAlert";
import Module from "@Front/Config/Module";
import { UserPlusIcon } from "@heroicons/react/24/outline";
@ -24,7 +24,7 @@ export default function AddClientSection(props: IProps) {
description="Pour pouvoir faire une demande de document, vous devez d'abord ajouter un ou plusieurs clients à ce dossier. Cette étape est essentielle pour assurer le suivi et la gestion des documents."
footer={
<Link href={addClientPath}>
<Button variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED}>
<Button variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED} size={EButtonSize.MD}>
Ajouter un client
</Button>
</Link>

5
src/front/Components/Layouts/Folder/FolderInformation/NoClientView/index.tsx
View File

@ -1,4 +1,4 @@
import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { TrashIcon } from "@heroicons/react/24/outline";
import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import { useMemo } from "react";
@ -30,7 +30,8 @@ export default function NoClientView(props: IProps) {
variant={EButtonVariant.ERROR}
styletype={EButtonstyletype.TEXT}
rightIcon={<TrashIcon />}
onClick={deleteFolderModal.open}>
onClick={deleteFolderModal.open}
size={EButtonSize.SM}>
Supprimer le dossier
</Button>
<DeleteFolderModal isOpen={deleteFolderModal.isOpen} onClose={deleteFolderModal.close} folder={folder} />