🐛 Update migration wave app list update to match api changes

Signed-off-by: ibolton336 <[email protected]>

client/src/app/pages/migration-waves/components/migration-wave-form.tsx

@@ -227,19 +227,18 @@ export const WaveForm: React.FC<WaveFormProps> = ({
     : null;
 
   const onSubmit = (formValues: WaveFormValues) => {
-    const stakeholders = [
-      ...(stakeholdersToRefs(
+    const stakeholders =
+      stakeholdersToRefs(
         formValues.stakeholders.map((stakeholder) => stakeholder.name)
-      ) ?? []),
-    ];
+      ) ?? [];
 
-    const stakeholderGroups = [
-      ...(stakeholderGroupsToRefs(
+    const stakeholderGroups =
+      stakeholderGroupsToRefs(
         formValues.stakeholderGroups.map(
           (stakeholderGroup) => stakeholderGroup.name
         )
-      ) ?? []),
-    ];
+      ) ?? [];
+
     const payload: New<MigrationWave> = {
       applications: migrationWave?.applications || [],
       name: formValues.name?.trim() || "",

client/src/app/pages/migration-waves/migration-waves.tsx

@@ -67,6 +67,7 @@ import { ConditionalRender } from "@app/components/ConditionalRender";
 import { AppPlaceholder } from "@app/components/AppPlaceholder";
 import { ToolbarBulkSelector } from "@app/components/ToolbarBulkSelector";
 import { ConfirmDialog } from "@app/components/ConfirmDialog";
+import { toRefs } from "@app/utils/model-utils";
 
 export const MigrationWaves: React.FC = () => {
   const { t } = useTranslation();
@@ -160,10 +161,20 @@ export const MigrationWaves: React.FC = () => {
   );
 
   const removeApplication = (migrationWave: MigrationWave, id: number) => {
-    migrationWave.applications = migrationWave.applications.filter(
-      (application) => application.id !== id
+    const applicationRefs = toRefs(
+      migrationWave.applications.filter((application) => application.id !== id)
     );
-    updateMigrationWave(migrationWave);
+    const payload: MigrationWave = {
+      id: migrationWave.id,
+      name: migrationWave.name,
+      startDate: migrationWave.startDate,
+      endDate: migrationWave.endDate,
+      stakeholderGroups: migrationWave.stakeholderGroups,
+      stakeholders: migrationWave.stakeholders,
+      applications: applicationRefs || [],
+    };
+
+    updateMigrationWave(payload);
   };
 
   const tableControls = useLocalTableControls({