feat: delete milestone progression with CR (#10828)

frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ChangeRequest/ReleasePlanChangeRequestDialog.tsx

@@ -31,6 +31,10 @@ type ChangeRequestAction =
           type: 'updateMilestoneProgression';
           sourceMilestoneId: string;
           payload: UpdateMilestoneProgressionSchema;
+      }
+    | {
+          type: 'deleteMilestoneProgression';
+          sourceMilestoneId: string;
       };
 
 interface IReleasePlanChangeRequestDialogProps {
@@ -134,6 +138,22 @@ export const ReleasePlanChangeRequestDialog = ({
                     </p>
                 );
             }
+
+            case 'deleteMilestoneProgression': {
+                const milestone = releasePlan.milestones.find(
+                    (milestone) => milestone.id === action.sourceMilestoneId,
+                );
+
+                return (
+                    <p>
+                        <StyledBoldSpan>Remove</StyledBoldSpan> automation that
+                        progresses from{' '}
+                        <StyledBoldSpan>{milestone?.name}</StyledBoldSpan> to
+                        the next milestone in{' '}
+                        <StyledBoldSpan>{environmentId}</StyledBoldSpan>
+                    </p>
+                );
+            }
         }
     };
 

frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlan.tsx

@@ -132,6 +132,10 @@ export const ReleasePlan = ({
               sourceMilestoneId: string;
               payload: UpdateMilestoneProgressionSchema;
           }
+        | {
+              type: 'deleteMilestoneProgression';
+              sourceMilestoneId: string;
+          }
         | null
     >(null);
     const { isChangeRequestConfigured } = useChangeRequestsEnabled(projectId);
@@ -190,6 +194,16 @@ export const ReleasePlan = ({
                     },
                 });
                 break;
+
+            case 'deleteMilestoneProgression':
+                await addChange(projectId, environment, {
+                    feature: featureName,
+                    action: 'deleteMilestoneProgression',
+                    payload: {
+                        sourceMilestone: changeRequestAction.sourceMilestoneId,
+                    },
+                });
+                break;
         }
 
         await refetchChangeRequests();
@@ -304,7 +318,14 @@ export const ReleasePlan = ({
     };
 
     const handleDeleteProgression = (milestone: IReleasePlanMilestone) => {
-        setMilestoneToDeleteProgression(milestone);
+        if (isChangeRequestConfigured(environment)) {
+            setChangeRequestAction({
+                type: 'deleteMilestoneProgression',
+                sourceMilestoneId: milestone.id,
+            });
+        } else {
+            setMilestoneToDeleteProgression(milestone);
+        }
     };
 
     const handleCloseDeleteDialog = () => {

frontend/src/hooks/api/actions/useChangeRequestApi/useChangeRequestApi.ts

@@ -23,7 +23,8 @@ export interface IChangeSchema {
         | 'deleteReleasePlan'
         | 'startMilestone'
         | 'createMilestoneProgression'
-        | 'updateMilestoneProgression';
+        | 'updateMilestoneProgression'
+        | 'deleteMilestoneProgression';
     payload: string | boolean | object | number | undefined;
 }