Add gen2 flag to access key drawer - filter regions

Author: jaalah

packages/manager/src/components/RegionSelect/RegionMultiSelect.tsx

@@ -3,6 +3,7 @@ import CloseIcon from '@mui/icons-material/Close';
 import React from 'react';
 
 import { Flag } from 'src/components/Flag';
+import { useIsObjectStorageGen2Enabled } from 'src/features/ObjectStorage/hooks/useIsObjectStorageGen2Enabled';
 import { useAllAccountAvailabilitiesQuery } from 'src/queries/account/availability';
 import { getRegionCountryGroup } from 'src/utilities/formatRegion';
 
@@ -50,12 +51,18 @@ export const RegionMultiSelect = React.memo((props: RegionMultiSelectProps) => {
     ...rest
   } = props;
 
+  const { isObjectStorageGen2Enabled } = useIsObjectStorageGen2Enabled();
+
   const {
     data: accountAvailability,
     isLoading: accountAvailabilityLoading,
   } = useAllAccountAvailabilitiesQuery();
 
-  const regionOptions = getRegionOptions({ currentCapability, regions });
+  const regionOptions = getRegionOptions({
+    currentCapability,
+    isObjectStorageGen2Enabled,
+    regions,
+  });
 
   const selectedRegions = regionOptions.filter((r) =>
     selectedIds.includes(r.id)

packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyRegions/AccessKeyRegions.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { RegionMultiSelect } from 'src/components/RegionSelect/RegionMultiSelect';
-import { useRegionsQuery } from 'src/queries/regions/regions';
+import { useObjectStorageRegions } from 'src/features/ObjectStorage/hooks/useObjectStorageRegions';
 import { sortByString } from 'src/utilities/sort-by';
 
 import type { Region } from '@linode/api-v4';
@@ -22,10 +22,13 @@ const sortRegionOptions = (a: Region, b: Region) => {
 export const AccessKeyRegions = (props: Props) => {
   const { disabled, error, onChange, required, selectedRegion } = props;
 
-  const { data: regions, error: regionsError } = useRegionsQuery();
+  const {
+    allRegionsError,
+    availableStorageRegions,
+  } = useObjectStorageRegions();
 
   // Error could be: 1. General Regions error, 2. Field error, 3. Nothing
-  const errorText = error || regionsError?.[0]?.reason;
+  const errorText = error || allRegionsError?.[0]?.reason;
 
   return (
     <RegionMultiSelect
@@ -38,7 +41,7 @@ export const AccessKeyRegions = (props: Props) => {
       isClearable={false}
       label="Regions"
       onChange={onChange}
-      regions={regions ?? []}
+      regions={availableStorageRegions ?? []}
       required={required}
       selectedIds={selectedRegion}
       sortRegionOptions={sortRegionOptions}