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');
 };

packages/manager/apps/pci-block-storage/src/pages/list/List.page.spec.tsx

@@ -2,6 +2,7 @@ import { waitFor } from '@testing-library/react';
 import { describe, it, vi } from 'vitest';
 import ListingPage from './List.page';
 import { renderWithMockedWrappers } from '@/__tests__/renderWithMockedWrappers';
+import { useIsFileStorageAlphaBannerAvailable } from '@/api/feature';
 
 vi.mock('@ovh-ux/manager-react-shell-client', async (importOriginal) => {
   const actual: any = await importOriginal();
@@ -93,6 +94,10 @@ vi.mock('@/api/hooks/useVolume', () => ({
   })),
 }));
 
+vi.mock('@/api/feature', () => ({
+  useIsFileStorageAlphaBannerAvailable: () => true,
+}));
+
 afterEach(() => {
   vi.clearAllMocks();
 });