Update the project when an action recording is added

Author: microbit-robert

src/store.ts

@@ -468,7 +468,7 @@ const createMlStore = (logging: Logging) => {
         },
 
         async addActionRecording(id: string, recording: RecordingData) {
-          const { actions } = get();
+          const { actions, dataWindow, project, projectEdited } = get();
           let updatedAction: ActionData;
           const updatedActions = actions.map((action) => {
             if (action.id === id) {
@@ -480,13 +480,25 @@ const createMlStore = (logging: Logging) => {
             }
             return action;
           });
+          const updatedProject = updateProject(
+            project,
+            projectEdited,
+            updatedActions,
+            undefined,
+            dataWindow
+          );
           set({
             actions: updatedActions,
             model: undefined,
+            ...updatedProject,
           });
-          await storageWithErrHandling<void>(() =>
-            storage.addRecording(recording, updatedAction)
-          );
+          await storageWithErrHandling<string | void>([
+            storage.addRecording(recording, updatedAction!),
+            storage.updateMakeCodeProject({
+              project: updatedProject.project,
+              projectEdited: updatedProject.projectEdited,
+            }),
+          ]);
         },
 
         async deleteAction(action: ActionData) {