✨ Create a deed type responsive

src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx

@@ -58,7 +58,7 @@ export default function DeedListContainer(props: IProps) {
 				</div>
 			</div>
 			<div>
-				<Link href={"/"}>
+				<Link href={Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path}>
 					<Button fullwidth={true}>Créer un type d'acte</Button>
 				</Link>
 			</div>

src/front/Components/Layouts/DeedTypes/DeedTypesCreate/classes.module.scss

@@ -0,0 +1,24 @@
+@import "@Themes/constants.scss";
+
+.root {
+	.header {
+		margin-top: 24px;
+	}
+
+	.form-container {
+		margin-top: 32px;
+		display: flex;
+		flex-direction: column;
+		gap: 32px;
+	}
+
+	.buttons-container {
+		display: flex;
+		gap: 32px;
+
+		@media (max-width: $screen-s) {
+			flex-direction: column-reverse;
+			gap: 16px;
+		}
+	}
+}

src/front/Components/Layouts/DeedTypes/DeedTypesCreate/index.tsx

@@ -0,0 +1,32 @@
+import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
+import Form from "@Front/Components/DesignSystem/Form";
+import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
+import DefaultDeedTypesDashboard from "@Front/Components/LayoutTemplates/DefaultDeedTypeDashboard";
+import { useCallback } from "react";
+
+import classes from "./classes.module.scss";
+import TextField from "@Front/Components/DesignSystem/Form/TextField";
+import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
+
+type IProps = {};
+export default function DeedTypesCreate(props: IProps) {
+	const onSubmitHandler = useCallback(async (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => {}, []);
+
+	return (
+		<DefaultDeedTypesDashboard mobileBackText={"Liste des types d'actes"} hasBackArrow>
+			<div className={classes["root"]}>
+				<div className={classes["header"]}>
+					<Typography typo={ITypo.H1Bis}>Créer un type d'acte</Typography>
+				</div>
+				<Form onSubmit={onSubmitHandler} className={classes["form-container"]}>
+					<TextField name="name" placeholder="Nom de l'acte" />
+					<TextAreaField name="description" placeholder="Description" />
+					<div className={classes["buttons-container"]}>
+						<Button variant={EButtonVariant.GHOST}>Annuler</Button>
+						<Button type="submit">Créer le type d'acte</Button>
+					</div>
+				</Form>
+			</div>
+		</DefaultDeedTypesDashboard>
+	);
+}

src/front/Config/Module/development.json

@@ -164,6 +164,13 @@
 							"path": "/deed-types/[uid]",
 							"labelKey": "deedTypesInformations"
 						}
+					},
+					"Create": {
+						"enabled": true,
+						"props": {
+							"path": "/deed-types/create",
+							"labelKey": "createDeedType"
+						}
 					}
 				}
 			},

src/front/Config/Module/preprod.json

@@ -164,6 +164,13 @@
 							"path": "/deed-types/[uid]",
 							"labelKey": "deedTypesInformations"
 						}
+					},
+					"Create": {
+						"enabled": true,
+						"props": {
+							"path": "/deed-types/create",
+							"labelKey": "createDeedType"
+						}
 					}
 				}
 			},

src/front/Config/Module/production.json

@@ -164,6 +164,13 @@
 							"path": "/deed-types/[uid]",
 							"labelKey": "deedTypesInformations"
 						}
+					},
+					"Create": {
+						"enabled": true,
+						"props": {
+							"path": "/deed-types/create",
+							"labelKey": "createDeedType"
+						}
 					}
 				}
 			},

src/front/Config/Module/staging.json

@@ -164,6 +164,13 @@
 							"path": "/deed-types/[uid]",
 							"labelKey": "deedTypesInformations"
 						}
+					},
+					"Create": {
+						"enabled": true,
+						"props": {
+							"path": "/deed-types/create",
+							"labelKey": "createDeedType"
+						}
 					}
 				}
 			},

src/pages/deed-types/create/index.tsx

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