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

:sparkles integration page received documents

Browse Source
This commit is contained in:
Max S 2024-08-20 15:35:35 +02:00
parent b6304a2814
commit 8243e87271
9 changed files with 138 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/front/Components/Elements/BackArrow/index.tsx
View File

@ -5,6 +5,7 @@ import React from "react";
type IProps = {
url?: string;
text?: string;
};
type IPropsClass = IProps & {
@ -26,7 +27,7 @@ class BackArrowClass extends React.Component<IPropsClass, IState> {
styletype={EButtonstyletype.TEXT}
size={EButtonSize.SM}
onClick={this.handleClick}>
Retour
{this.props.text ?? "Retour"}
</Button>
);
}

23
src/front/Components/Layouts/ClientDashboard/ReceivedDocuments/classes.module.scss Normal file
View File

@ -0,0 +1,23 @@
@import "@Themes/constants.scss";
.root {
padding: var(--spacing-3) var(--spacing-15);
max-width: 1156px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-xl, 32px);
.table{
width: 100%;
}
@media screen and (max-width: $screen-m) {
padding: var(--spacing-3);
}
@media screen and (max-width: $screen-s) {
padding: var(--spacing-2);
}
}

59
src/front/Components/Layouts/ClientDashboard/ReceivedDocuments/index.tsx Normal file
View File

@ -0,0 +1,59 @@
import React from "react";
import classes from "./classes.module.scss";
import { useRouter } from "next/router";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Module from "@Front/Config/Module";
import BackArrow from "@Front/Components/Elements/BackArrow";
import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { IHead } from "@Front/Components/DesignSystem/Table/MuiTable";
import Table from "@Front/Components/DesignSystem/Table";
type IProps = {};
const header: readonly IHead[] = [
{
key: "name",
title: "Nom",
},
{
key: "sentAt",
title: "Envoyé le",
},
{
key: "actions",
title: "Action",
},
];
export default function ReceivedDocuments(props: IProps) {
const router = useRouter();
let { folderUid } = router.query;
return (
<DefaultTemplate title={"Documents reçus"} isPadding={false}>
<div className={classes["root"]}>
<BackArrow
text="Retour aux dossiers"
url={Module.getInstance()
.get()
.modules.pages.ClientDashboard.props.path.replace("[folderUid]", folderUid as string)}
/>
<Typography typo={ETypo.TITLE_H1} color={ETypoColor.TEXT_PRIMARY}>
Un document vous a été envoyé
</Typography>
<Table className={classes["table"]} header={header} rows={[{ key: "1", name: "todo", sentAt: "todo", actions: "todo" }]} />
<Button
variant={EButtonVariant.PRIMARY}
size={EButtonSize.LG}
styletype={EButtonstyletype.CONTAINED}
leftIcon={<ArrowDownTrayIcon />}>
Tout télécharger
</Button>
</div>
</DefaultTemplate>
);
}

16
src/front/Components/Layouts/ClientDashboard/index.tsx
View File

@ -19,6 +19,8 @@ import ContactBox from "@Front/Components/Elements/ContactBox";
import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
import DepositDocumentComponent from "./DepositDocumentComponent";
import Link from "next/link";
import Module from "@Front/Config/Module";
type IProps = {};
@ -169,9 +171,17 @@ export default function ClientDashboard(props: IProps) {
Télécharger le RIB
</Button>
)}
<Button fullwidth variant={EButtonVariant.PRIMARY} size={EButtonSize.LG} styletype={EButtonstyletype.OUTLINED}>
Voir les documents reçus
</Button>
<Link
href={Module.getInstance()
.get()
.modules.pages.ClientDashboard.pages.ReceiveDocuments.props.path.replace(
"[folderUid]",
folderUid as string,
)}>
<Button fullwidth variant={EButtonVariant.PRIMARY} size={EButtonSize.LG} styletype={EButtonstyletype.OUTLINED}>
Voir les documents reçus
</Button>
</Link>
</div>
<div className={classes["documents"]}>
<Typography typo={ETypo.TEXT_LG_BOLD} color={ETypoColor.TABLE_COLUMN_CONTRAST}>

9
src/front/Config/Module/development.json
View File

@ -36,6 +36,15 @@
"props": {
"path": "/client-dashboard/[folderUid]",
"labelKey": "client-dashboard"
},
"pages": {
"ReceiveDocuments": {
"enabled": true,
"props": {
"path": "/client-dashboard/[folderUid]/received-documents",
"labelKey": "received_documents"
}
}
}
},
"Folder": {

9
src/front/Config/Module/preprod.json
View File

@ -36,6 +36,15 @@
"props": {
"path": "/client-dashboard/[folderUid]",
"labelKey": "client-dashboard"
},
"pages": {
"ReceiveDocuments": {
"enabled": true,
"props": {
"path": "/client-dashboard/[folderUid]/received-documents",
"labelKey": "received_documents"
}
}
}
},
"Folder": {

9
src/front/Config/Module/production.json
View File

@ -36,6 +36,15 @@
"props": {
"path": "/client-dashboard/[folderUid]",
"labelKey": "client-dashboard"
},
"pages": {
"ReceiveDocuments": {
"enabled": true,
"props": {
"path": "/client-dashboard/[folderUid]/received-documents",
"labelKey": "received_documents"
}
}
}
},
"Folder": {

9
src/front/Config/Module/staging.json
View File

@ -36,6 +36,15 @@
"props": {
"path": "/client-dashboard/[folderUid]",
"labelKey": "client-dashboard"
},
"pages": {
"ReceiveDocuments": {
"enabled": true,
"props": {
"path": "/client-dashboard/[folderUid]/received-documents",
"labelKey": "received_documents"
}
}
}
},
"Folder": {

5
src/pages/client-dashboard/[folderUid]/received-documents/index.tsx Normal file
View File

@ -0,0 +1,5 @@
import ReceivedDocuments from "@Front/Components/Layouts/ClientDashboard/ReceivedDocuments";
export default function Route() {
return <ReceivedDocuments />;
}