From 2393452939875da5484e79367ca0b85f74fbfe16 Mon Sep 17 00:00:00 2001 From: Bastien Dumont <bdumont@grandlyon.com> Date: Wed, 7 Jun 2023 10:03:29 +0200 Subject: [PATCH] chore(type): return single JSX element instead of array --- .../Konnector/KonnectorViewerList.tsx | 44 ++++++++++--------- 1 file changed, 24 insertions(+), 20 deletions(-) diff --git a/src/components/Konnector/KonnectorViewerList.tsx b/src/components/Konnector/KonnectorViewerList.tsx index 9f6022b29..f66db82fd 100644 --- a/src/components/Konnector/KonnectorViewerList.tsx +++ b/src/components/Konnector/KonnectorViewerList.tsx @@ -20,26 +20,30 @@ const KonnectorViewerList = () => { }, [navigate] ) - return fluidStatus.map((fluidStatusItem: FluidStatus, key: number) => ( - <StyledCard - key={key} - className="connection-card" - onClick={() => goToFluid(fluidStatusItem.fluidType)} - > - <Icon icon={getAddPicto(fluidStatusItem.fluidType)} size={36} /> - <div - className={`konnector-title text-18-bold ${FluidType[ - fluidStatusItem.fluidType - ].toLowerCase()}`} - > - {t( - `konnector_options.label_connect_to_${FluidType[ - fluidStatusItem.fluidType - ].toLowerCase()}` - )} - </div> - </StyledCard> - )) + return ( + <> + {fluidStatus.map((fluidStatusItem: FluidStatus, key: number) => ( + <StyledCard + key={key} + className="connection-card" + onClick={() => goToFluid(fluidStatusItem.fluidType)} + > + <Icon icon={getAddPicto(fluidStatusItem.fluidType)} size={36} /> + <div + className={`konnector-title text-18-bold ${FluidType[ + fluidStatusItem.fluidType + ].toLowerCase()}`} + > + {t( + `konnector_options.label_connect_to_${FluidType[ + fluidStatusItem.fluidType + ].toLowerCase()}` + )} + </div> + </StyledCard> + ))} + </> + ) } export default KonnectorViewerList -- GitLab