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-align: center;
.text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--spacing-md, 16px);
}
svg { svg {
width: 32px; width: 32px;
stroke: var(--primary-weak-contrast); stroke: var(--primary-weak-contrast);

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

@ -16,12 +16,14 @@ export default function EmptyAlert(props: IProps) {
return ( return (
<div className={classes["root"]}> <div className={classes["root"]}>
{icon} {icon}
<div className={classes["text"]}>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.COLOR_NEUTRAL_950}> <Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.COLOR_NEUTRAL_950}>
{title} {title}
</Typography> </Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}>
{description} {description}
</Typography> </Typography>
</div>
{footer} {footer}
</div> </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 EmptyAlert from "@Front/Components/DesignSystem/EmptyAlert";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import { UserPlusIcon } from "@heroicons/react/24/outline"; 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." 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={ footer={
<Link href={addClientPath}> <Link href={addClientPath}>
<Button variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED}> <Button variant={EButtonVariant.PRIMARY} styletype={EButtonstyletype.OUTLINED} size={EButtonSize.MD}>
Ajouter un client Ajouter un client
</Button> </Button>
</Link> </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 { TrashIcon } from "@heroicons/react/24/outline";
import { OfficeFolder } from "le-coffre-resources/dist/Notary"; import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import { useMemo } from "react"; import { useMemo } from "react";
@ -30,7 +30,8 @@ export default function NoClientView(props: IProps) {
variant={EButtonVariant.ERROR} variant={EButtonVariant.ERROR}
styletype={EButtonstyletype.TEXT} styletype={EButtonstyletype.TEXT}
rightIcon={<TrashIcon />} rightIcon={<TrashIcon />}
onClick={deleteFolderModal.open}> onClick={deleteFolderModal.open}
size={EButtonSize.SM}>
Supprimer le dossier Supprimer le dossier
</Button> </Button>
<DeleteFolderModal isOpen={deleteFolderModal.isOpen} onClose={deleteFolderModal.close} folder={folder} /> <DeleteFolderModal isOpen={deleteFolderModal.isOpen} onClose={deleteFolderModal.close} folder={folder} />