diff --git a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneStrategy/MilestoneStrategyTypeFlexible.tsx b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneStrategy/MilestoneStrategyTypeFlexible.tsx index 07b3d48a0d..ce132935d6 100644 --- a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneStrategy/MilestoneStrategyTypeFlexible.tsx +++ b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneStrategy/MilestoneStrategyTypeFlexible.tsx @@ -9,6 +9,7 @@ import { parseParameterString, } from 'utils/parseParameter'; import Input from 'component/common/Input/Input'; +import { HelpIcon } from 'component/common/HelpIcon/HelpIcon'; interface IMilestoneStrategyTypeFlexibleProps { parameters: IFeatureStrategyParameters; @@ -38,8 +39,15 @@ const StyledInnerBox1 = styled(Box)(({ theme }) => ({ })); const StyledInnerBox2 = styled(Box)(({ theme }) => ({ + display: 'flex', + alignItems: 'center', + gap: theme.spacing(1), width: '50%', marginLeft: theme.spacing(0.5), + marginBottom: theme.spacing(2), + '& > div': { + flex: 1, + }, })); const DEFAULT_STICKINESS = 'default'; @@ -104,6 +112,16 @@ export const MilestoneStrategyTypeFlexible = ({ error={Boolean(errors?.getFormError('groupId'))} helperText={errors?.getFormError('groupId')} /> + + Supports {'{{featureName}}'} as + a template variable. If not set, defaults to the + feature flag name. + + } + />