perf(pci-block-storage): add join in useMemo

Signed-off-by: Simon Chaumet <[email protected]>
ovh · Oct 30, 2024 · 0b24eaa · 0b24eaa
1 parent dc99da8
commit 0b24eaa
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/manager/apps/pci-block-storage/src/components/exten-banner-beta/ExtenBannerBeta.tsx b/packages/manager/apps/pci-block-storage/src/components/exten-banner-beta/ExtenBannerBeta.tsx
@@ -21,7 +21,7 @@ function Banner() {
   const { projectId } = useParams();
   const { data: availableVolumes } = useProjectsAvailableVolumes(projectId);
 
-  const regions = useMemo(
+  const regionsString = useMemo(
     () =>
       availableVolumes
         ? [
@@ -31,8 +31,8 @@ function Banner() {
                 .flatMap((p) => p.regions)
                 .map((r) => r.name),
             ),
-          ]
-        : [],
+          ].join(', ')
+        : '',
     [availableVolumes],
   );
 
@@ -46,7 +46,7 @@ function Banner() {
         hue={ODS_TEXT_COLOR_HUE._700}
       >
         {t('exten_banner_description', {
-          regions: regions.join(', '),
+          regions: regionsString,
         })}
       </OsdsText>
     </OsdsMessage>