fix(frontend): stack campaigns in the housing table

MTES-MCT · Jan 15, 2025 · e93fa17 · e93fa17
1 parent 2925fb6
commit e93fa17
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/frontend/src/components/HousingList/HousingList.tsx b/frontend/src/components/HousingList/HousingList.tsx
@@ -203,21 +203,25 @@ function HousingList(props: HousingListProps) {
       columnHelper.accessor('campaignIds', {
         header: 'Campagnes',
         cell: ({ cell }) => {
-          return Set(cell.getValue())
-            .map((id) => {
-              return campaignList?.find((campaign) => campaign.id === id);
-            })
-            .filter((campaign) => campaign !== undefined)
-            .map((campaign) => (
-              <AppLink
-                key={campaign.id}
-                isSimple
-                size="sm"
-                to={`/campagnes/${campaign.id}`}
-              >
-                {`${campaign.title.substring(0, MAX_CAMPAIGN_LENGTH)}${campaign.title.length > MAX_CAMPAIGN_LENGTH ? '...' : ''}`}
-              </AppLink>
-            ));
+          return (
+            <Stack>
+              {Set(cell.getValue())
+                .map((id) => {
+                  return campaignList?.find((campaign) => campaign.id === id);
+                })
+                .filter((campaign) => campaign !== undefined)
+                .map((campaign) => (
+                  <AppLink
+                    key={campaign.id}
+                    isSimple
+                    size="sm"
+                    to={`/campagnes/${campaign.id}`}
+                  >
+                    {`${campaign.title.substring(0, MAX_CAMPAIGN_LENGTH)}${campaign.title.length > MAX_CAMPAIGN_LENGTH ? '...' : ''}`}
+                  </AppLink>
+                ))}
+            </Stack>
+          );
         }
       }),
       columnHelper.accessor(