diff --git a/frontend/src/component/project/Project/Project.tsx b/frontend/src/component/project/Project/Project.tsx
index 2de7cb8451..f0edf72f03 100644
--- a/frontend/src/component/project/Project/Project.tsx
+++ b/frontend/src/component/project/Project/Project.tsx
@@ -43,6 +43,7 @@ import { UiFlags } from 'interfaces/uiConfig';
import { HiddenProjectIconWithTooltip } from './HiddenProjectIconWithTooltip/HiddenProjectIconWithTooltip';
import { ChangeRequestPlausibleProvider } from 'component/changeRequest/ChangeRequestContext';
import { ProjectApplications } from '../ProjectApplications/ProjectApplications';
+import { useUiFlag } from 'hooks/useUiFlag';
const StyledBadge = styled(Badge)(({ theme }) => ({
position: 'absolute',
@@ -76,6 +77,8 @@ export const Project = () => {
const projectName = project?.name || projectId;
const { favorite, unfavorite } = useFavoriteProjectsApi();
+ const projectOverviewRefactor = useUiFlag('projectOverviewRefactor');
+
const [showDelDialog, setShowDelDialog] = useState(false);
const [
@@ -129,6 +132,14 @@ export const Project = () => {
},
];
+ if (projectOverviewRefactor) {
+ tabs.splice(1, 0, {
+ title: 'Insights',
+ path: `${basePath}/insights`,
+ name: 'insights',
+ });
+ }
+
const filteredTabs = tabs
.filter((tab) => {
if (tab.flag) {
@@ -299,6 +310,9 @@ export const Project = () => {
/>
} />
} />
+ {Boolean(projectOverviewRefactor) && (
+ Hello world} />
+ )}
} />
;
@@ -272,6 +273,10 @@ const flags: IFlags = {
process.env.UNLEASH_EXPERIMENTAL_RETURN_GLOBAL_FRONTEND_API_CACHE,
false,
),
+ projectOverviewRefactor: parseEnvVarBoolean(
+ process.env.UNLEASH_EXPERIMENTAL_PROJECT_OVERVIEW_REFACTOR,
+ false,
+ ),
};
export const defaultExperimentalOptions: IExperimentalOptions = {
diff --git a/src/server-dev.ts b/src/server-dev.ts
index fd3ac55bc3..a76b25b4ef 100644
--- a/src/server-dev.ts
+++ b/src/server-dev.ts
@@ -53,6 +53,7 @@ process.nextTick(async () => {
outdatedSdksBanner: true,
globalFrontendApiCache: true,
returnGlobalFrontendApiCache: false,
+ projectOverviewRefactor: true,
},
},
authentication: {