diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChangeOverwriteWarning.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChangeOverwriteWarning.tsx index d07d16e5f8..7a83d5bbd6 100644 --- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChangeOverwriteWarning.tsx +++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChangeOverwriteWarning.tsx @@ -1,8 +1,10 @@ import { Box, styled } from '@mui/material'; import { IChangeRequestUpdateStrategy } from 'component/changeRequest/changeRequest.types'; +import { useChangeRequestPlausibleContext } from 'component/changeRequest/ChangeRequestContext'; import { useUiFlag } from 'hooks/useUiFlag'; import { IFeatureStrategy } from 'interfaces/strategy'; import { getChangesThatWouldBeOverwritten } from './strategy-change-diff-calculation'; +import { useEffect } from 'react'; const ChangesToOverwriteWarning = styled(Box)(({ theme }) => ({ color: theme.palette.warning.dark, @@ -76,6 +78,13 @@ export const ChangesToOverwrite: React.FC<{ const changesThatWouldBeOverwritten = checkForChanges ? getChangesThatWouldBeOverwritten(currentStrategy, change) : null; + const { registerWillOverwriteStrategyChanges } = + useChangeRequestPlausibleContext(); + useEffect(() => { + if (changesThatWouldBeOverwritten) { + registerWillOverwriteStrategyChanges(); + } + }, [changesThatWouldBeOverwritten]); if (!changesThatWouldBeOverwritten) { return null;