:sparkles integration page received documents

src/front/Components/Elements/BackArrow/index.tsx

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

src/front/Components/Layouts/ClientDashboard/ReceivedDocuments/classes.module.scss

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

src/front/Components/Layouts/ClientDashboard/ReceivedDocuments/index.tsx

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

src/front/Components/Layouts/ClientDashboard/index.tsx

@@ -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>
 						)}
+						<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}>

src/front/Config/Module/development.json

@@ -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": {

src/front/Config/Module/preprod.json

@@ -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": {

src/front/Config/Module/production.json

@@ -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": {

src/front/Config/Module/staging.json

@@ -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": {

src/pages/client-dashboard/[folderUid]/received-documents/index.tsx

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