diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx index fce606af02..ec6a774d71 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx @@ -21,6 +21,7 @@ import { formatUnknownError } from 'utils/formatUnknownError'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import { ReleasePlanReviewDialog } from '../../FeatureView/FeatureOverview/ReleasePlan/ReleasePlanReviewDialog.tsx'; import { FeatureStrategyMenuCards } from './FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx'; +import { useUiFlag } from 'hooks/useUiFlag.ts'; interface IFeatureStrategyMenuProps { label: string; @@ -160,32 +161,13 @@ export const FeatureStrategyMenu = ({ return ( event.stopPropagation()}> - <> - {displayReleasePlanButton ? ( - - Use template - - ) : null} - + {newStrategyModalEnabled ? ( - {label} + Add strategy + ) : ( + <> + {displayReleasePlanButton ? ( + + Use template + + ) : null} - - - - + + {label} + + + + + + + )} ; @@ -263,6 +264,10 @@ const flags: IFlags = { false, ), }, + newStrategyModal: parseEnvVarBoolean( + process.env.UNLEASH_EXPERIMENTAL_NEW_STRATEGY_MODAL, + false, + ), }; export const defaultExperimentalOptions: IExperimentalOptions = { diff --git a/src/server-dev.ts b/src/server-dev.ts index 1abf6b507d..0de0fff9e6 100644 --- a/src/server-dev.ts +++ b/src/server-dev.ts @@ -53,6 +53,7 @@ process.nextTick(async () => { customMetrics: true, impactMetrics: true, lifecycleGraphs: true, + newStrategyModal: true, }, }, authentication: {