chore: create new flag to hide insights ui (#6638)

Creates a new flag to control the executive dashboard ui

Closes #
[1-2208](https://linear.app/unleash/issue/1-2208/create-separate-ui-flag-decoupled-from-the-backend-flag)

---------

Signed-off-by: andreas-unleash <andreas@getunleash.ai>

frontend/src/component/menu/Header/Header.tsx

@@ -176,7 +176,7 @@ const Header: VFC = () => {
 
     const increaseUnleashWidth = useUiFlag('increaseUnleashWidth');
     const celebatoryUnleash = useUiFlag('celebrateUnleash');
-    const insightsDashboard = useUiFlag('executiveDashboard');
+    const insightsDashboard = useUiFlag('executiveDashboardUI');
 
     const routes = getRoutes();
     const adminRoutes = useAdminRoutes();

frontend/src/component/menu/__tests__/__snapshots__/routes.test.tsx.snap

@@ -13,7 +13,7 @@ exports[`returns all baseRoutes 1`] = `
   {
     "component": [Function],
     "enterprise": false,
-    "flag": "executiveDashboard",
+    "flag": "executiveDashboardUI",
     "menu": {
       "mobile": true,
     },

frontend/src/component/menu/routes.ts

@@ -67,7 +67,7 @@ export const routes: IRoute[] = [
         component: ExecutiveDashboard,
         type: 'protected',
         menu: { mobile: true },
-        flag: 'executiveDashboard',
+        flag: 'executiveDashboardUI',
         enterprise: false,
     },
 

frontend/src/interfaces/uiConfig.ts

@@ -71,7 +71,7 @@ export type UiFlags = {
     newStrategyConfigurationFeedback?: boolean;
     extendedUsageMetricsUI?: boolean;
     adminTokenKillSwitch?: boolean;
-    executiveDashboard?: boolean;
+    executiveDashboardUI?: boolean;
     feedbackComments?: Variant;
     displayUpgradeEdgeBanner?: boolean;
     showInactiveUsers?: boolean;

src/lib/__snapshots__/create-config.test.ts.snap

@@ -94,6 +94,7 @@ exports[`should create default config 1`] = `
       "enableLicenseChecker": false,
       "encryptEmails": false,
       "executiveDashboard": false,
+      "executiveDashboardUI": false,
       "extendedUsageMetrics": false,
       "extendedUsageMetricsUI": false,
       "featureSearchFeedback": {

src/lib/types/experimental.ts

@@ -39,6 +39,7 @@ export type IFlagKey =
     | 'extendedUsageMetricsUI'
     | 'adminTokenKillSwitch'
     | 'executiveDashboard'
+    | 'executiveDashboardUI'
     | 'feedbackComments'
     | 'createdByUserIdDataMigration'
     | 'showInactiveUsers'
@@ -196,6 +197,10 @@ const flags: IFlags = {
         process.env.UNLEASH_EXPERIMENTAL_EXECUTIVE_DASHBOARD,
         false,
     ),
+    executiveDashboardUI: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_EXECUTIVE_DASHBOARD_UI,
+        false,
+    ),
     sdkReporting: parseEnvVarBoolean(
         process.env.UNLEASH_EXPERIMENTAL_SDK_REPORTING,
         false,

src/server-dev.ts

@@ -48,6 +48,7 @@ process.nextTick(async () => {
                         featureSearchFeedbackPosting: true,
                         extendedUsageMetricsUI: true,
                         executiveDashboard: true,
+                        executiveDashboardUI: true,
                         userAccessUIEnabled: true,
                         sdkReporting: true,
                         outdatedSdksBanner: true,