Executive Dashboard page setup (#5949)

frontend/src/component/executiveDashboard/ExecutiveDashboard.tsx

@@ -0,0 +1,5 @@
+import { VFC } from 'react';
+
+export const ExecutiveDashboard: VFC = () => {
+    return <>test</>;
+};

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

@@ -426,5 +426,14 @@ exports[`returns all baseRoutes 1`] = `
     "title": "Profile",
     "type": "protected",
   },
+  {
+    "component": [Function],
+    "enterprise": true,
+    "flag": "executiveDashboard",
+    "menu": {},
+    "path": "/dashboard",
+    "title": "Executive dashboard",
+    "type": "protected",
+  },
 ]
 `;

frontend/src/component/menu/routes.ts

@@ -45,6 +45,7 @@ import { FeatureTypesList } from 'component/featureTypes/FeatureTypesList';
 import { ViewIntegration } from 'component/integrations/ViewIntegration/ViewIntegration';
 import { ApplicationList } from '../application/ApplicationList/ApplicationList';
 import { AddonRedirect } from 'component/integrations/AddonRedirect/AddonRedirect';
+import { ExecutiveDashboard } from 'component/executiveDashboard/ExecutiveDashboard';
 
 export const routes: IRoute[] = [
     // Splash
@@ -429,6 +430,17 @@ export const routes: IRoute[] = [
         menu: {},
     },
 
+    // Executive dashboard
+    {
+        path: '/dashboard',
+        title: 'Executive dashboard',
+        component: ExecutiveDashboard,
+        type: 'protected',
+        menu: {},
+        flag: 'executiveDashboard',
+        enterprise: true,
+    },
+
     /* If you update this route path, make sure you update the path in SWRProvider.tsx */
     {
         path: '/login',

frontend/src/interfaces/uiConfig.ts

@@ -75,6 +75,7 @@ export type UiFlags = {
     newStrategyConfigurationFeedback?: boolean;
     extendedUsageMetricsUI?: boolean;
     adminTokenKillSwitch?: boolean;
+    executiveDashboard?: boolean;
 };
 
 export interface IVersionInfo {

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

@@ -90,6 +90,7 @@ exports[`should create default config 1`] = `
       "embedProxyFrontend": true,
       "enableLicense": false,
       "encryptEmails": false,
+      "executiveDashboard": false,
       "extendedUsageMetrics": false,
       "extendedUsageMetricsUI": false,
       "featureSearchAPI": false,

src/lib/types/experimental.ts

@@ -44,7 +44,8 @@ export type IFlagKey =
     | 'extendedUsageMetrics'
     | 'extendedUsageMetricsUI'
     | 'adminTokenKillSwitch'
-    | 'changeRequestConflictHandling';
+    | 'changeRequestConflictHandling'
+    | 'executiveDashboard';
 
 export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
 
@@ -203,6 +204,10 @@ const flags: IFlags = {
         process.env.UNLEASH_EXPERIMENTAL_CHANGE_REQUEST_CONFLICT_HANDLING,
         false,
     ),
+    executiveDashboard: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_EXECUTIVE_DASHBOARD,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {

src/server-dev.ts

@@ -50,6 +50,7 @@ process.nextTick(async () => {
                         featureSearchFeedback: true,
                         newStrategyConfigurationFeedback: true,
                         extendedUsageMetricsUI: true,
+                        executiveDashboard: true,
                     },
                 },
                 authentication: {