new: STORIF-294 - Condition for showing Bucket Metrcis tab updated. (#13456)

* new: STORIF-294 - Condition for showing Bucket Metrcis tab updated.

* Added changeset: New condition for displaying bucket metrics tab

Author: dchyrva-akamai

packages/manager/.changeset/pr-13456-added-1772643395780.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Added
+---
+
+New condition for displaying bucket metrics tab ([#13456](https://github.com/linode/manager/pull/13456))

packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx

@@ -1,3 +1,4 @@
+import { useRegionQuery } from '@linode/queries';
 import { BetaChip, CircleProgress, ErrorState } from '@linode/ui';
 import { useParams } from '@tanstack/react-router';
 import * as React from 'react';
@@ -40,6 +41,7 @@ const BucketMetrics = React.lazy(() =>
 
 const BUCKET_DETAILS_URL = '/object-storage/buckets/$clusterId/$bucketName';
 const ENDPOINT_TYPES_WITH_NO_METRICS_SUPPORT = ['E0', 'E1'];
+const OBJECT_STORAGE_METRICS_KEY = 'Object Storage';
 
 export const BucketDetailLanding = React.memo(() => {
   const { bucketName, clusterId } = useParams({
@@ -52,17 +54,36 @@ export const BucketDetailLanding = React.memo(() => {
 
   const {
     data: bucketsData,
-    isLoading,
+    isLoading: bucketsLoading,
     error,
     isPending,
   } = useObjectStorageBuckets();
 
   const bucket = bucketsData?.buckets.find(({ label }) => label === bucketName);
 
+  const {
+    data: region,
+    isLoading: regionLoading,
+    error: regionError,
+  } = useRegionQuery(bucket?.region || '');
+
   const { endpoint_type } = bucket ?? {};
 
   const isGen2Endpoint = endpoint_type === 'E2' || endpoint_type === 'E3';
 
+  const regionSupportsMetrics = region?.monitors?.metrics?.includes(
+    OBJECT_STORAGE_METRICS_KEY
+  );
+
+  const isBucketMetricsTabHidden =
+    !endpoint_type ||
+    ENDPOINT_TYPES_WITH_NO_METRICS_SUPPORT.includes(endpoint_type) ||
+    aclpServiceError ||
+    !aclpServices?.objectstorage?.metrics?.enabled ||
+    !objectStorageContextualMetrics ||
+    !regionSupportsMetrics ||
+    !!regionError;
+
   const { handleTabChange, tabIndex, tabs, getTabIndex } = useTabs([
     {
       title: 'Objects',
@@ -80,17 +101,12 @@ export const BucketDetailLanding = React.memo(() => {
     {
       title: 'Metrics',
       to: `${BUCKET_DETAILS_URL}/metrics`,
-      hide:
-        !endpoint_type ||
-        ENDPOINT_TYPES_WITH_NO_METRICS_SUPPORT.includes(endpoint_type) ||
-        aclpServiceError ||
-        !aclpServices?.objectstorage?.metrics?.enabled ||
-        !objectStorageContextualMetrics,
+      hide: isBucketMetricsTabHidden,
       chip: aclpServices?.objectstorage?.metrics?.beta ? <BetaChip /> : null,
     },
   ]);
 
-  if (isPending || isLoading || aclServiceLoading) {
+  if (isPending || bucketsLoading || regionLoading || aclServiceLoading) {
     return <CircleProgress />;
   }