From 18ae49900ba6f8669a54e2e59e18dafac79868d1 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Tue, 8 Oct 2024 15:32:05 +0200
Subject: [PATCH] fix: route for environments for pro customers (#8390)

---
 .../EnvironmentTable/EnvironmentTable.tsx          |  6 +++---
 .../__tests__/__snapshots__/routes.test.tsx.snap   | 14 +-------------
 frontend/src/component/menu/routes.ts              | 13 ++-----------
 3 files changed, 6 insertions(+), 27 deletions(-)

diff --git a/frontend/src/component/environments/EnvironmentTable/EnvironmentTable.tsx b/frontend/src/component/environments/EnvironmentTable/EnvironmentTable.tsx
index 04ec3f4ac1..8b88863c39 100644
--- a/frontend/src/component/environments/EnvironmentTable/EnvironmentTable.tsx
+++ b/frontend/src/component/environments/EnvironmentTable/EnvironmentTable.tsx
@@ -42,7 +42,7 @@ export const EnvironmentTable = () => {
     const { environments, mutateEnvironments } = useEnvironments();
     const [purchaseDialogOpen, setPurchaseDialogOpen] = useState(false);
     const isFeatureEnabled = useUiFlag('EEA');
-    const isPurchaseAdditionalEnvronmentsEnabled = useUiFlag(
+    const isPurchaseAdditionalEnvironmentsEnabled = useUiFlag(
         'purchaseAdditionalEnvironments',
     );
     const { isPro } = useUiConfig();
@@ -121,7 +121,7 @@ export const EnvironmentTable = () => {
         <PageHeader title={`Environments (${count})`} actions={headerActions} />
     );
 
-    if (!isFeatureEnabled && !isPurchaseAdditionalEnvronmentsEnabled) {
+    if (!isFeatureEnabled && !isPurchaseAdditionalEnvironmentsEnabled) {
         return (
             <PageContent header={header}>
                 <PremiumFeature feature='environments' />
@@ -131,7 +131,7 @@ export const EnvironmentTable = () => {
 
     return (
         <PageContent header={header}>
-            {isPro() && isPurchaseAdditionalEnvronmentsEnabled ? (
+            {isPro() && isPurchaseAdditionalEnvironmentsEnabled ? (
                 <>
                     <PurchasableFeature
                         title='Purchase additional environments'
diff --git a/frontend/src/component/menu/__tests__/__snapshots__/routes.test.tsx.snap b/frontend/src/component/menu/__tests__/__snapshots__/routes.test.tsx.snap
index bc37598cca..44792db6db 100644
--- a/frontend/src/component/menu/__tests__/__snapshots__/routes.test.tsx.snap
+++ b/frontend/src/component/menu/__tests__/__snapshots__/routes.test.tsx.snap
@@ -247,19 +247,7 @@ exports[`returns all baseRoutes 1`] = `
   },
   {
     "component": [Function],
-    "flag": "EEA",
-    "menu": {
-      "advanced": true,
-      "mobile": true,
-    },
-    "notFlag": "purchaseAdditionalEnvironments",
-    "path": "/environments",
-    "title": "Environments",
-    "type": "protected",
-  },
-  {
-    "component": [Function],
-    "flag": "purchaseAdditionalEnvironments",
+    "enterprise": true,
     "menu": {
       "advanced": true,
       "mobile": true,
diff --git a/frontend/src/component/menu/routes.ts b/frontend/src/component/menu/routes.ts
index b60a63e9fb..105542065b 100644
--- a/frontend/src/component/menu/routes.ts
+++ b/frontend/src/component/menu/routes.ts
@@ -4,7 +4,7 @@ import { StrategiesList } from 'component/strategies/StrategiesList/StrategiesLi
 import { TagTypeList } from 'component/tags/TagTypeList/TagTypeList';
 import { IntegrationList } from 'component/integrations/IntegrationList/IntegrationList';
 import Login from 'component/user/Login/Login';
-import { EEA, P } from 'component/common/flags';
+import { P } from 'component/common/flags';
 import { NewUser } from 'component/user/NewUser/NewUser';
 import ResetPassword from 'component/user/ResetPassword/ResetPassword';
 import ForgottenPassword from 'component/user/ForgottenPassword/ForgottenPassword';
@@ -266,17 +266,8 @@ export const routes: IRoute[] = [
         title: 'Environments',
         component: EnvironmentTable,
         type: 'protected',
-        flag: EEA,
-        notFlag: 'purchaseAdditionalEnvironments',
-        menu: { mobile: true, advanced: true },
-    },
-    {
-        path: '/environments',
-        title: 'Environments',
-        component: EnvironmentTable,
-        type: 'protected',
-        flag: 'purchaseAdditionalEnvironments',
         menu: { mobile: true, advanced: true },
+        enterprise: true,
     },
     {
         path: '/feedback',