✨ Fixing selected

src/front/Components/DesignSystem/BlockList/classes.module.scss

@@ -13,6 +13,10 @@
 		background-color: $grey-medium;
 	}
 
+	&[data-selected="true"] {
+		background-color: $grey-medium;
+	}
+
 	.left-side {
 		display: inline-flex;
 		justify-content: space-between;

src/front/Components/DesignSystem/BlockList/index.tsx

@@ -7,6 +7,7 @@ import Image from "next/image";
 export type IBlock = {
 	name: string;
 	id: string;
+	selected: boolean;
 };
 
 type IProps = {
@@ -25,7 +26,7 @@ export default function BlockList({ blocks, onSelectedBlock }: IProps) {
 			{blocks.map((block) => {
 				return (
 					<div onClick={selectBlock} key={block.id} id={block.id}>
-						<div className={classes["root"]}>
+						<div className={classes["root"]} data-selected={block.selected.toString()}>
 							<div className={classes["left-side"]}>
 								<Typography typo={ITypo.P_16}>{block.name}</Typography>
 							</div>

src/front/Components/DesignSystem/FolderListContainer/index.tsx

@@ -85,7 +85,7 @@ class FolderListContainerClass extends React.Component<IPropsClass, IState> {
 			});
 
 		return [...pendingFolders, ...otherFolders].map((folder) => {
-			return { id: folder.uid!, name: folder.folder_number! + " - " + folder.name! };
+			return { id: folder.uid!, name: folder.folder_number! + " - " + folder.name!, selected: false };
 		});
 	}
 	private onSelectedFolder(block: IBlock) {

src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/CollaboratorListContainer/index.tsx

@@ -51,6 +51,7 @@ export default function CollaboratorListContainer(props: IProps) {
 							return {
 								name: user.contact?.first_name + " " + user.contact?.last_name,
 								id: user.uid!,
+								selected: false,
 							};
 						})}
 						onSelectedBlock={onSelectedBlock}

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

@@ -19,6 +19,7 @@ type IProps = {
 export default function DeedListContainer(props: IProps) {
 	const [filteredUsers, setFilteredUsers] = useState<DeedType[]>(props.deedTypes);
 	const router = useRouter();
+	const { deedTypeUid } = router.query;
 
 	const filterDeeds = useCallback(
 		(input: string) => {
@@ -51,6 +52,7 @@ export default function DeedListContainer(props: IProps) {
 							return {
 								name: deed.name,
 								id: deed.uid!,
+								selected: deedTypeUid === deed.uid,
 							};
 						})}
 						onSelectedBlock={onSelectedBlock}

src/front/Components/LayoutTemplates/DefaultRoleDashboard/RoleListContainer/index.tsx

@@ -48,6 +48,7 @@ export default function RoleListContainer(props: IProps) {
 							return {
 								name: role.name,
 								id: role.uid!,
+								selected: false,
 							};
 						})}
 						onSelectedBlock={onSelectedBlock}

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

@@ -13,7 +13,7 @@ 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>
+		<DefaultDeedTypesDashboard mobileBackText={"Liste des types d'actes"} hasBackArrow title="Créer un type d'acte">
 			<div className={classes["root"]}>
 				<div className={classes["header"]}>
 					<Typography typo={ITypo.H1Bis}>Créer un type d'acte</Typography>

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

@@ -34,7 +34,7 @@ export default function DeedTypesEdit() {
 	const onSubmitHandler = useCallback(async (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => {}, []);
 
 	return (
-		<DefaultDeedTypesDashboard mobileBackText={"Liste des types d'actes"} hasBackArrow>
+		<DefaultDeedTypesDashboard mobileBackText={"Liste des types d'actes"} hasBackArrow title="Modifier les informations d'un acte">
 			<div className={classes["root"]}>
 				<div className={classes["header"]}>
 					<Typography typo={ITypo.H1Bis}>Modifier les informations de l'acte</Typography>