new: STORIF-232 - BlockStorageContextualMetrics feature flag added.

Author: dchyrva-akamai

packages/manager/src/dev-tools/FeatureFlagTool.tsx

@@ -77,6 +77,10 @@ const options: { flag: keyof Flags; label: string }[] = [
     label: 'VM Host Maintenance Policy',
   },
   { flag: 'volumeSummaryPage', label: 'Volume Summary Page' },
+  {
+    flag: 'blockStorageContextualMetrics',
+    label: 'Block Storage Contextual Metrics',
+  },
   { flag: 'objSummaryPage', label: 'OBJ Summary Page' },
   { flag: 'vpcIpv6', label: 'VPC IPv6' },
 ];

packages/manager/src/featureFlags.ts

@@ -203,6 +203,7 @@ export interface Flags {
   apl: boolean;
   aplGeneralAvailability: boolean;
   aplLkeE: boolean;
+  blockStorageContextualMetrics: boolean;
   blockStorageEncryption: boolean;
   blockStorageVolumeLimit: boolean;
   cloudManagerDesignUpdatesBanner: DesignUpdatesBannerFlag;

packages/manager/src/features/Volumes/VolumeDetails/VolumeDetails.tsx

@@ -16,7 +16,8 @@ import { VolumeDetailsHeader } from './VolumeDetailsHeader';
 export const VolumeDetails = () => {
   const navigate = useNavigate();
 
-  const { volumeSummaryPage, aclpServices } = useFlags();
+  const { volumeSummaryPage, aclpServices, blockStorageContextualMetrics } =
+    useFlags();
   const { volumeId } = useParams({ from: '/volumes/$volumeId' });
   const { data: volume, isLoading, error } = useVolumeQuery(volumeId);
   const { tabs, handleTabChange, tabIndex } = useTabs([
@@ -27,7 +28,9 @@ export const VolumeDetails = () => {
     {
       to: '/volumes/$volumeId/metrics',
       title: 'Metrics',
-      hide: !aclpServices?.blockstorage?.metrics?.enabled,
+      hide:
+        !aclpServices?.blockstorage?.metrics?.enabled ||
+        !blockStorageContextualMetrics,
       chip: aclpServices?.blockstorage?.metrics?.beta ? <BetaChip /> : null,
     },
   ]);