Fix: tree page crashes in Classifications

.vscode/settings.json

@@ -13,6 +13,5 @@
 		"statusBar.background": "#42b883",
 		"statusBarItem.hoverBackground": "#359268",
 		"statusBar.foreground": "#15202b"
-	},
-	"peacock.color": "#42b883"
+	}
 }

Dockerfile

@@ -1,14 +1,12 @@
 ### BUILD STEP ###
 
-FROM node:latest as builder
+FROM node:latest AS builder
 
 WORKDIR /bauhaus
 
 COPY ./ ./
 
-RUN npm install --force
-
-RUN npm run build
+RUN npm install --force && npm run build
 
 ### EXECUTION STEP ###
 

README.md

@@ -9,7 +9,7 @@ Web application for the management of concepts, classifications and other statis
 [![Coverage](https://sonarcloud.io/api/project_badges/measure?project=InseeFr_Bauhaus&metric=coverage)](https://sonarcloud.io/dashboard?id=InseeFr_Bauhaus)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 
-The documentation can be found in the [docs](https://github.com/InseeFr/Bauhaus/tree/main/documentation/src/content/docs) folder and [browsed online](https://inseefr.github.io/Bauhaus).
+The documentation can be found in the [documentation folder](https://github.com/InseeFr/Bauhaus/tree/main/documentation/src/content/docs) and [browsed online](https://inseefr.github.io/Bauhaus).
 
 ## How to start
 
@@ -28,7 +28,7 @@ You can run all tests suites with this command. You need to run at least once `n
 npm run test:coverage
 ```
 
-The following command will activate the `watch` mode, and you will be able to select a subset of tests you want to run.
+The following command will activate the **watch** mode, and you will be able to select a subset of tests you want to run.
 
 ```shell
 npm run test --watchAll

sonar-project.properties

@@ -4,7 +4,7 @@ sonar.host.url=https://sonarcloud.io
 
 # Project name & version
 sonar.projectName=Bauhaus
-sonar.projectVersion=3.1.2
+sonar.projectVersion=4.1.1
 
 # Path to sources
 sonar.sources=src

src/packages/modules-classifications/visualization/tree/home-container.jsx

@@ -7,9 +7,7 @@ import { getGeneral } from '../../../redux/classifications/classification/genera
 import { getTreeFromFlatData } from 'react-sortable-tree';
 import { useSecondLang } from '../../../utils/hooks/second-lang';
 import { useClassificationsItem } from '../../../utils/hooks/classifications';
-import { buildExtract } from '../../../utils/buildExtract';
-
-const extractId = buildExtract('id');
+import { useParams } from 'react-router-dom';
 
 const ClassificationTreeContainer = ({
 	id,
@@ -52,7 +50,7 @@ const ClassificationTreeContainer = ({
 };
 
 const mapStateToProps = (state, ownProps) => {
-	const id = extractId(ownProps);
+	const id = ownProps.params.id;
 	const general = getGeneral(state.classificationGeneral, id);
 	return {
 		id,
@@ -64,7 +62,13 @@ const mapDispatchToProps = {
 	loadClassificationGeneral,
 };
 
-export const Component = connect(
-	mapStateToProps,
-	mapDispatchToProps,
-)(ClassificationTreeContainer);
+const withParams = (Component) => {
+	return (props) => {
+		const params = useParams();
+		return <Component {...props} params={params} />;
+	};
+};
+
+export const Component = withParams(
+	connect(mapStateToProps, mapDispatchToProps)(ClassificationTreeContainer),
+);