diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/EditDefaultStrategy.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/EditDefaultStrategy.tsx index e64d2031bae..9da0766eda0 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/EditDefaultStrategy.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/EditDefaultStrategy.tsx @@ -20,6 +20,15 @@ import { ProjectDefaultStrategyForm } from './ProjectDefaultStrategyForm'; import { CreateFeatureStrategySchema } from 'openapi'; import useProject from 'hooks/api/getters/useProject/useProject'; +const DEFAULT_STRATEGY = { + name: 'flexibleRollout', + constraints: [], + parameters: { + rollout: '100%', + stickiness: 'default', + groupId: '', + }, +}; const EditDefaultStrategy = () => { const projectId = useRequiredPathParam('projectId'); const environmentId = useRequiredQueryParam('environmentId'); @@ -32,11 +41,11 @@ const EditDefaultStrategy = () => { const [defaultStrategy, setDefaultStrategy] = useState< CreateFeatureStrategySchema | undefined - >(strategy); + >(strategy || DEFAULT_STRATEGY); const [segments, setSegments] = useState([]); const { updateDefaultStrategy, loading } = useProjectApi(); - const { strategyDefinition } = useStrategy(strategy?.name); + const { strategyDefinition } = useStrategy(defaultStrategy?.name); const { setToastData, setToastApiError } = useToast(); const errors = useFormErrors(); const { uiConfig } = useUiConfig(); @@ -105,11 +114,10 @@ const EditDefaultStrategy = () => { } if (!defaultStrategy) return null; - return (