fix(pci-block-storage): add feature flipping

ref: #TAPC-5227

Signed-off-by: Adrien Turmo <[email protected]>

Author: aTurmo

packages/manager/apps/pci-block-storage/src/api/feature.tsx

@@ -0,0 +1,9 @@
+import { usePCIFeatureAvailability } from '@ovh-ux/manager-pci-common';
+
+export const FILE_STORAGE_ALPHA = 'pci-block-storage:file-storage-alpha-banner';
+
+export const useIsFileStorageAlphaBannerAvailable = () => {
+  const { data } = usePCIFeatureAvailability([FILE_STORAGE_ALPHA]);
+
+  return data?.get(FILE_STORAGE_ALPHA) ?? false;
+};

packages/manager/apps/pci-block-storage/src/components/banner/FileStorageAlphaBanner.component.tsx

@@ -3,13 +3,17 @@ import { useTranslation } from 'react-i18next';
 import { useGeneralBannerContext } from '@/contexts/GeneralBanner.context';
 import { Banner } from '@/components/banner/Banner.component';
 import { ButtonLink } from '@/components/button-link/ButtonLink';
+import { useIsFileStorageAlphaBannerAvailable } from '@/api/feature';
 
 export const FileStorageAlphaBanner = () => {
   const { t } = useTranslation(['general-banners']);
 
   const { addBanner, getBanner } = useGeneralBannerContext();
+  const isFileStorageAlphaBannerAvailable = useIsFileStorageAlphaBannerAvailable();
 
   useEffect(() => {
+    if (!isFileStorageAlphaBannerAvailable) return;
+
     addBanner('alpha_file_storage', ({ onRemove }) => (
       <Banner
         iconName="circle-info"
@@ -34,7 +38,7 @@ export const FileStorageAlphaBanner = () => {
         </div>
       </Banner>
     ));
-  }, []);
+  }, [isFileStorageAlphaBannerAvailable]);
 
   return getBanner('alpha_file_storage');
 };