upcoming: [M3-9740, M3-9280] - Add mocks and update PlansPanel to support mtc-tt-2025 in selected regions (#12050)

* Save progress...

* Add mocks and disable logic for `mtc-tt-2025` plans

* Add disable logic for mtc-tt-2025 plans in LKE

* Some fixes and updates

* Random eslint warning fixes

* Added changeset: Add mocks and enable/disable logic for `mtc-tt-2025` in selected regions

* Update changeset

* Improve naming conventions and update comments

* Strengthen types

* Do not display mtc plans if ff is not enabled

Author: pmakode-akamai

packages/manager/.changeset/pr-12050-upcoming-features-1744882750715.md

@@ -0,0 +1,5 @@
+---
+'@linode/manager': Upcoming Features
+---
+
+Add mocks and update `PlansPanel` to support `mtc-tt-2025` plans in selected regions ([#12050](https://github.com/linode/manager/pull/12050))

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

@@ -76,15 +76,15 @@ describe('create a database cluster, mocked data', () => {
           configuration.clusterSize == 1
             ? '1 Node'
             : configuration.clusterSize == 2
-            ? '2 Nodes'
-            : '3 Nodes';
+              ? '2 Nodes'
+              : '3 Nodes';
 
         const nodes =
           configuration.clusterSize == 1
             ? 'Primary (1 Node)'
             : configuration.clusterSize == 2
-            ? 'Primary (+1 Node)'
-            : 'Primary (+2 Nodes)';
+              ? 'Primary (+1 Node)'
+              : 'Primary (+2 Nodes)';
 
         const clusterCpuType =
           configuration.linodeType.indexOf('-dedicated-') !== -1

packages/manager/src/components/PrimaryNav/PrimaryNav.tsx

@@ -110,177 +110,176 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
 
   const { mutateAsync: updatePreferences } = useMutatePreferences();
 
-  const productFamilyLinkGroups: ProductFamilyLinkGroup<
-    PrimaryLinkType[]
-  >[] = React.useMemo(
-    () => [
-      {
-        links: [],
-      },
-      {
-        icon: <Compute />,
-        links: [
-          {
-            activeLinks: [
-              '/managed',
-              '/managed/summary',
-              '/managed/monitors',
-              '/managed/ssh-access',
-              '/managed/credentials',
-              '/managed/contacts',
-            ],
-            display: 'Managed',
-            hide: !isManaged,
-            href: '/managed',
-          },
-          {
-            activeLinks: ['/linodes', '/linodes/create'],
-            display: 'Linodes',
-            href: '/linodes',
-          },
-          {
-            activeLinks: [
-              '/images/create/create-image',
-              '/images/create/upload-image',
-            ],
-            display: 'Images',
-            href: '/images',
-          },
-          {
-            activeLinks: ['/kubernetes/create'],
-            display: 'Kubernetes',
-            href: '/kubernetes/clusters',
-          },
-          {
-            display: 'StackScripts',
-            href: '/stackscripts',
-          },
-          {
-            betaChipClassName: 'beta-chip-placement-groups',
-            display: 'Placement Groups',
-            hide: !isPlacementGroupsEnabled,
-            href: '/placement-groups',
-          },
-          {
-            attr: { 'data-qa-one-click-nav-btn': true },
-            display: 'Marketplace',
-            href: '/linodes/create?type=One-Click',
-          },
-        ],
-        name: 'Compute',
-      },
-      {
-        icon: <Storage />,
-        links: [
-          {
-            activeLinks: [
-              '/object-storage/buckets',
-              '/object-storage/access-keys',
-            ],
-            display: 'Object Storage',
-            href: '/object-storage/buckets',
-          },
-          {
-            display: 'Volumes',
-            href: '/volumes',
-          },
-        ],
-        name: 'Storage',
-      },
-      {
-        icon: <Networking />,
-        links: [
-          {
-            display: 'VPC',
-            href: '/vpcs',
-          },
-          {
-            display: 'Firewalls',
-            href: '/firewalls',
-          },
-          {
-            display: 'NodeBalancers',
-            href: '/nodebalancers',
-          },
-          {
-            display: 'Domains',
-            href: '/domains',
-          },
-        ],
-        name: 'Networking',
-      },
-      {
-        icon: <Database />,
-        links: [
-          {
-            display: 'Databases',
-            hide: !isDatabasesEnabled,
-            href: '/databases',
-            isBeta: isDatabasesV2Beta,
-          },
-        ],
-        name: 'Databases',
-      },
-      {
-        icon: <Monitor />,
-        links: [
-          {
-            display: 'Metrics',
-            hide: !isACLPEnabled,
-            href: '/metrics',
-            isBeta: flags.aclp?.beta,
-          },
-          {
-            display: 'Alerts',
-            hide: !isAlertsEnabled,
-            href: '/alerts',
-            isBeta: flags.aclp?.beta,
-          },
-          {
-            display: 'Longview',
-            href: '/longview',
-          },
-        ],
-        name: 'Monitor',
-      },
-      {
-        icon: <More />,
-        links: [
-          {
-            display: 'Betas',
-            hide: !flags.selfServeBetas,
-            href: '/betas',
-          },
-          {
-            display: 'Identity & Access',
-            hide: !isIAMEnabled,
-            href: '/iam',
-            icon: <IAM />,
-            isBeta: isIAMBeta,
-          },
-          {
-            display: 'Account',
-            href: '/account',
-          },
-          {
-            display: 'Help & Support',
-            href: '/support',
-          },
-        ],
-        name: 'More',
-      },
-    ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      isDatabasesEnabled,
-      isDatabasesV2Beta,
-      isManaged,
-      isPlacementGroupsEnabled,
-      isACLPEnabled,
-      isIAMBeta,
-      isIAMEnabled,
-    ]
-  );
+  const productFamilyLinkGroups: ProductFamilyLinkGroup<PrimaryLinkType[]>[] =
+    React.useMemo(
+      () => [
+        {
+          links: [],
+        },
+        {
+          icon: <Compute />,
+          links: [
+            {
+              activeLinks: [
+                '/managed',
+                '/managed/summary',
+                '/managed/monitors',
+                '/managed/ssh-access',
+                '/managed/credentials',
+                '/managed/contacts',
+              ],
+              display: 'Managed',
+              hide: !isManaged,
+              href: '/managed',
+            },
+            {
+              activeLinks: ['/linodes', '/linodes/create'],
+              display: 'Linodes',
+              href: '/linodes',
+            },
+            {
+              activeLinks: [
+                '/images/create/create-image',
+                '/images/create/upload-image',
+              ],
+              display: 'Images',
+              href: '/images',
+            },
+            {
+              activeLinks: ['/kubernetes/create'],
+              display: 'Kubernetes',
+              href: '/kubernetes/clusters',
+            },
+            {
+              display: 'StackScripts',
+              href: '/stackscripts',
+            },
+            {
+              betaChipClassName: 'beta-chip-placement-groups',
+              display: 'Placement Groups',
+              hide: !isPlacementGroupsEnabled,
+              href: '/placement-groups',
+            },
+            {
+              attr: { 'data-qa-one-click-nav-btn': true },
+              display: 'Marketplace',
+              href: '/linodes/create?type=One-Click',
+            },
+          ],
+          name: 'Compute',
+        },
+        {
+          icon: <Storage />,
+          links: [
+            {
+              activeLinks: [
+                '/object-storage/buckets',
+                '/object-storage/access-keys',
+              ],
+              display: 'Object Storage',
+              href: '/object-storage/buckets',
+            },
+            {
+              display: 'Volumes',
+              href: '/volumes',
+            },
+          ],
+          name: 'Storage',
+        },
+        {
+          icon: <Networking />,
+          links: [
+            {
+              display: 'VPC',
+              href: '/vpcs',
+            },
+            {
+              display: 'Firewalls',
+              href: '/firewalls',
+            },
+            {
+              display: 'NodeBalancers',
+              href: '/nodebalancers',
+            },
+            {
+              display: 'Domains',
+              href: '/domains',
+            },
+          ],
+          name: 'Networking',
+        },
+        {
+          icon: <Database />,
+          links: [
+            {
+              display: 'Databases',
+              hide: !isDatabasesEnabled,
+              href: '/databases',
+              isBeta: isDatabasesV2Beta,
+            },
+          ],
+          name: 'Databases',
+        },
+        {
+          icon: <Monitor />,
+          links: [
+            {
+              display: 'Metrics',
+              hide: !isACLPEnabled,
+              href: '/metrics',
+              isBeta: flags.aclp?.beta,
+            },
+            {
+              display: 'Alerts',
+              hide: !isAlertsEnabled,
+              href: '/alerts',
+              isBeta: flags.aclp?.beta,
+            },
+            {
+              display: 'Longview',
+              href: '/longview',
+            },
+          ],
+          name: 'Monitor',
+        },
+        {
+          icon: <More />,
+          links: [
+            {
+              display: 'Betas',
+              hide: !flags.selfServeBetas,
+              href: '/betas',
+            },
+            {
+              display: 'Identity & Access',
+              hide: !isIAMEnabled,
+              href: '/iam',
+              icon: <IAM />,
+              isBeta: isIAMBeta,
+            },
+            {
+              display: 'Account',
+              href: '/account',
+            },
+            {
+              display: 'Help & Support',
+              href: '/support',
+            },
+          ],
+          name: 'More',
+        },
+      ],
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [
+        isDatabasesEnabled,
+        isDatabasesV2Beta,
+        isManaged,
+        isPlacementGroupsEnabled,
+        isACLPEnabled,
+        isIAMBeta,
+        isIAMEnabled,
+      ]
+    );
 
   const accordionClicked = (index: number) => {
     let updatedCollapsedAccordions: number[] = [0, 1, 2, 3, 4, 5];