update CommonHandler

src/pages/App/handlers/CommonHandler/CommonHandler.tsx

@@ -59,12 +59,8 @@ const CommonHandler: FC = () => {
       );
 
       dispatch(commonLayoutActions.deleteCommon({ commonId }));
-
-      /**
-       * TODO: need to update current actions or to add a delete action in
-       * commonLayoutActions, multipleSpacesLayoutActions and projectsActions
-       * in order to update the UI.
-       */
+      dispatch(multipleSpacesLayoutActions.deleteCommon({ commonId }));
+      dispatch(projectsActions.deleteCommon({ commonId }));
     };
 
     CommonEventEmitter.on(CommonEvent.CommonDeleted, handler);

src/store/states/commonLayout/reducer.ts

@@ -209,7 +209,6 @@ export const reducer = createReducer<CommonLayoutState, Action>(initialState)
   )
   .handleAction(actions.deleteCommon, (state, { payload }) =>
     produce(state, (nextState) => {
-      console.log("deleteCommon action reducer");
       updateCommonOrProject(nextState, payload, true);
     }),
   );

src/store/states/multipleSpacesLayout/actions.ts

@@ -55,3 +55,7 @@ export const setBackUrl = createStandardAction(
 export const setMainWidth = createStandardAction(
   MultipleSpacesLayoutActionType.SET_MIN_WIDTH,
 )<number>();
+
+export const deleteCommon = createStandardAction(
+  MultipleSpacesLayoutActionType.DELETE_COMMON,
+)<{ commonId: string }>();

src/store/states/multipleSpacesLayout/constants.ts

@@ -19,4 +19,6 @@ export enum MultipleSpacesLayoutActionType {
   SET_BACK_URL = "@MULTIPLE_SPACES_LAYOUT/SET_BACK_URL",
 
   SET_MIN_WIDTH = "@MULTIPLE_SPACES_LAYOUT/SET_MIN_WIDTH",
+
+  DELETE_COMMON = "@MULTIPLE_SPACES_LAYOUT/DELETE_COMMON",
 }

src/store/states/multipleSpacesLayout/reducer.ts

@@ -17,6 +17,7 @@ const initialState: MultipleSpacesLayoutState = {
 const updateProjectInBreadcrumbs = (
   state: WritableDraft<MultipleSpacesLayoutState>,
   payload: { commonId: string } & Partial<Omit<ProjectsStateItem, "commonId">>,
+  removeIfExists = false,
 ): void => {
   if (state.breadcrumbs?.type !== InboxItemType.FeedItemFollow) {
     return;
@@ -27,13 +28,17 @@ const updateProjectInBreadcrumbs = (
   );
 
   if (itemIndex > -1) {
-    const item = state.breadcrumbs.items[itemIndex];
+    if (removeIfExists) {
+      state.breadcrumbs.items.splice(itemIndex, 1);
+    } else {
+      const item = state.breadcrumbs.items[itemIndex];
 
-    state.breadcrumbs.items[itemIndex] = {
-      ...item,
-      name: payload.name ?? item.name,
-      image: payload.image ?? item.image,
-    };
+      state.breadcrumbs.items[itemIndex] = {
+        ...item,
+        name: payload.name ?? item.name,
+        image: payload.image ?? item.image,
+      };
+    }
   }
 };
 
@@ -73,4 +78,9 @@ export const reducer = createReducer<MultipleSpacesLayoutState, Action>(
     produce(state, (nextState) => {
       nextState.mainWidth = payload;
     }),
+  )
+  .handleAction(actions.deleteCommon, (state, { payload }) =>
+    produce(state, (nextState) => {
+      updateProjectInBreadcrumbs(nextState, payload, true);
+    }),
   );

src/store/states/projects/actions.ts

@@ -35,3 +35,7 @@ export const removeMembershipFromProjectAndChildren = createStandardAction(
 export const setIsCommonCreationDisabled = createStandardAction(
   ProjectsActionType.SET_IS_COMMON_CREATION_DISABLED,
 )<boolean>();
+
+export const deleteCommon = createStandardAction(
+  ProjectsActionType.DELETE_COMMON,
+)<{ commonId: string }>();

src/store/states/projects/constants.ts

@@ -16,4 +16,6 @@ export enum ProjectsActionType {
   REMOVE_MEMBERSHIP_FROM_PROJECT_AND_CHILDREN = "@PROJECTS/REMOVE_MEMBERSHIP_FROM_PROJECT_AND_CHILDREN",
 
   SET_IS_COMMON_CREATION_DISABLED = "@PROJECTS/SET_IS_COMMON_CREATION_DISABLED",
+
+  DELETE_COMMON = "@PROJECTS/DELETE_COMMON",
 }

src/store/states/projects/reducer.ts

@@ -23,16 +23,21 @@ const clearProjects = (state: WritableDraft<ProjectsState>): void => {
 const updateProject = (
   state: WritableDraft<ProjectsState>,
   payload: { commonId: string } & Partial<Omit<ProjectsStateItem, "commonId">>,
+  removeIfExists = false,
 ): boolean => {
   const itemIndex = state.data.findIndex(
     (item) => item.commonId === payload.commonId,
   );
 
   if (itemIndex > -1) {
-    state.data[itemIndex] = {
-      ...state.data[itemIndex],
-      ...payload,
-    };
+    if (removeIfExists) {
+      state.data.splice(itemIndex, 1);
+    } else {
+      state.data[itemIndex] = {
+        ...state.data[itemIndex],
+        ...payload,
+      };
+    }
     return true;
   }
 
@@ -129,4 +134,9 @@ export const reducer = createReducer<ProjectsState, Action>(initialState)
     produce(state, (nextState) => {
       nextState.isCommonCreationDisabled = payload;
     }),
+  )
+  .handleAction(actions.deleteCommon, (state, { payload }) =>
+    produce(state, (nextState) => {
+      updateProject(nextState, payload, true);
+    }),
   );