upcoming: [UIE-9837] - Generational plans changes for Databases

packages/manager/cypress/e2e/core/databases/resize-database.spec.ts

@@ -1,11 +1,3 @@
-/**
- * @file DBaaS integration tests for resize operations.
- */
-import {
-  ClusterSize,
-  DatabaseStatus,
-  RegionAvailability,
-} from '@linode/api-v4';
 import { accountFactory } from '@src/factories';
 import {
   databaseConfigurationsResize,
@@ -20,13 +12,22 @@ import {
   mockResize,
   mockResizeProvisioningDatabase,
 } from 'support/intercepts/databases';
+import { mockAppendFeatureFlags } from 'support/intercepts/feature-flags';
 import { mockGetRegionAvailability } from 'support/intercepts/regions';
 import { ui } from 'support/ui';
 import { randomIp, randomNumber, randomString } from 'support/util/random';
 import { getRegionById } from 'support/util/regions';
 
 import { databaseFactory } from 'src/factories/databases';
 
+/**
+ * @file DBaaS integration tests for resize operations.
+ */
+import type {
+  ClusterSize,
+  DatabaseStatus,
+  RegionAvailability,
+} from '@linode/api-v4';
 import type { DatabaseClusterConfiguration } from 'support/constants/databases';
 
 /**
@@ -63,16 +64,20 @@ const resizeDatabase = (initialLabel: string) => {
  * @param clusterSize - Database Cluster Size
  */
 const getNodes = (clusterSize: number) => {
-  const nodes =
-    clusterSize == 1
-      ? 'Primary (1 Node)'
-      : clusterSize == 2
-        ? 'Primary (+1 Node)'
-        : 'Primary (+2 Nodes)';
-  return nodes;
+  return clusterSize === 1
+    ? 'Primary (1 Node)'
+    : clusterSize === 2
+      ? 'Primary (+1 Node)'
+      : 'Primary (+2 Nodes)';
 };
 
 describe('Resizing existing clusters', () => {
+  beforeEach(() => {
+    mockAppendFeatureFlags({
+      databaseResizeGenerationalPlans: false,
+    });
+  });
+
   databaseConfigurationsResize.forEach(
     (configuration: DatabaseClusterConfiguration) => {
       describe(`Resizes a ${configuration.linodeType} ${configuration.engine} v${configuration.version}.x ${configuration.clusterSize}-node cluster`, () => {

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

@@ -59,6 +59,10 @@ const options: { flag: keyof Flags; label: string }[] = [
   { flag: 'supportTicketSeverity', label: 'Support Ticket Severity' },
   { flag: 'dbaasV2', label: 'Databases V2 Beta' },
   { flag: 'dbaasV2MonitorMetrics', label: 'Databases V2 Monitor' },
+  {
+    flag: 'databaseResizeGenerationalPlans',
+    label: 'Database Resize Generational Plans',
+  },
   { flag: 'databasePgBouncer', label: 'Database PgBouncer' },
   { flag: 'databaseResize', label: 'Database Resize' },
   { flag: 'databaseAdvancedConfig', label: 'Database Advanced Config' },

packages/manager/src/featureFlags.ts

@@ -237,6 +237,7 @@ export interface Flags {
   databasePgBouncer: boolean;
   databasePremium: boolean;
   databaseResize: boolean;
+  databaseResizeGenerationalPlans: boolean;
   databaseRestrictPlanResize: boolean;
   databases: boolean;
   databaseVpc: boolean;

packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx

@@ -18,7 +18,10 @@
 import { ErrorMessage } from 'src/components/ErrorMessage';
 import { LandingHeader } from 'src/components/LandingHeader';
 import { getRestrictedResourceText } from 'src/features/Account/utils';
-import { getIsLimitedAvailability } from 'src/features/components/PlansPanel/utils';
+import {
+  getIsLimitedAvailability,
+  useShouldDisablePremiumPlansTab,
+} from 'src/features/components/PlansPanel/utils';
 import { DatabaseClusterData } from 'src/features/Databases/DatabaseCreate/DatabaseClusterData';
 import {
   StyledBtnCtn,
@@ -35,11 +38,13 @@
 
 import { DatabaseCreateAccessControls } from './DatabaseCreateAccessControls';
 import { DatabaseCreateNetworkingConfiguration } from './DatabaseCreateNetworkingConfiguration';
+// import dbtypesData from './dbtypes.json';
 
 import type { AccessProps } from './DatabaseCreateAccessControls';
 import type {
   ClusterSize,
   CreateDatabasePayload,
+  // DatabaseType,
   Engine,
   PrivateNetwork,
   VPC,
@@ -74,12 +79,14 @@
 
   const {
     data: dbtypes,
-    error: typesError,
-    isLoading: typesLoading,
+    // error: typesError,
+    // isLoading: typesLoading,
   } = useDatabaseTypesQuery({
     platform: 'rdbms-default',
   });
 
+  // const dbtypes = dbtypesData.data as DatabaseType[];
+
   const flags = useFlags();
   const isVPCEnabled = flags.databaseVpc;
 
@@ -252,11 +259,15 @@
     }
   };
 
-  if (regionsLoading || !regionsData || enginesLoading || typesLoading) {
+  const shouldDisablePremiumPlansTab = useShouldDisablePremiumPlansTab({
+    types: dbtypes,
+  });
+
+  if (regionsLoading || !regionsData || enginesLoading) {
     return <CircleProgress />;
   }
 
-  if (regionsError || typesError || enginesError) {
+  if (regionsError || enginesError) {
     return <ErrorState errorText="An unexpected error occurred." />;
   }
 
@@ -312,6 +323,9 @@
                   <StyledPlansPanel
                     data-qa-select-plan
                     disabled={isRestricted}
+                    disabledTabs={
+                      shouldDisablePremiumPlansTab ? ['premium'] : undefined
+                    }
                     error={fieldState.error?.message}
                     flow="database"
                     handleTabChange={handleTabChange}
@@ -321,6 +335,11 @@
                     regionsData={regionsData}
                     selectedId={field.value}
                     selectedRegionID={region}
+                    tabDisabledMessage={
+                      shouldDisablePremiumPlansTab
+                        ? 'Premium CPUs are now called G7 Dedicated plans.'
+                        : undefined
+                    }
                     types={displayTypes}
                   />
                 )}