fix: show reports on 2 columns from 6 items

betagouv · Aug 12, 2024 · 86784a4 · 86784a4
1 parent a360696
commit 86784a4
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/packages/frontend/src/features/ReportList.tsx b/packages/frontend/src/features/ReportList.tsx
@@ -114,8 +114,6 @@ const NoReport = () => {
   );
 };
 
-const nbPerColumn = 10;
-
 export const ReportList = ({
   reports,
   page,
@@ -135,7 +133,7 @@ export const ReportList = ({
 }) => {
   const error = reports.length === 0 ? <NoReport /> : null;
 
-  const columns = chunk(reports, nbPerColumn);
+  const columns = reports.length < 6 ? [reports] : chunk(reports, Math.ceil(reports.length / 2));
 
   return (
     <Stack w="100%" mt={{ base: "20px", lg: "30px" }}>