Remove channel file summary when channel is deleted

Author: jonboiser

kolibri/plugins/management/assets/src/state/manageContentActions.js

@@ -20,7 +20,11 @@ export function refreshChannelList() {
  * @returns {Promise}
  */
 export function deleteChannel(store, channelId) {
-  return ChannelResource.getModel(channelId).delete().then(refreshChannelList);
+  return ChannelResource.getModel(channelId).delete()
+    .then(() => {
+      store.dispatch(mutationTypes.REMOVE_CHANNEL_FILE_SUMMARY, channelId);
+    })
+    .then(refreshChannelList)
 }
 
 /**
@@ -54,6 +58,7 @@ export function addChannelFileSummary(store, channelId) {
  */
 export function addChannelFileSummaries(store, channelIds) {
   channelIds.forEach(channelId => {
+    if (store.state.pageState[channelId]) return;
     addChannelFileSummary(store, channelId);
   });
 }

kolibri/plugins/management/assets/src/state/manageContentMutations.js

@@ -1,22 +1,31 @@
+import Vue from 'vue';
 import { PageNames } from '../constants';
 
 export const mutationTypes = {
   ADD_CHANNEL_FILE_SUMMARY: 'MANAGE_CONTENT_ADD_CHANNEL_FILE_SUMMARY',
+  REMOVE_CHANNEL_FILE_SUMMARY: 'MANAGE_CONTENT_REMOVE_CHANNEL_FILE_SUMMARY',
 };
 
 function isManageContentPage(state) {
   return state.pageName === PageNames.CONTENT_MGMT_PAGE;
 }
 
-const mutations = {
-  MANAGE_CONTENT_ADD_CHANNEL_FILE_SUMMARY: (state, fileSummary) => {
-    if (isManageContentPage(state)) {
-      state.pageState.channelFileSummaries[fileSummary.channel_id] = {
-        totalFileSizeInBytes: fileSummary.total_file_size,
-        numberOfFiles: fileSummary.total_files,
-      };
-    }
-  },
-};
+function MANAGE_CONTENT_ADD_CHANNEL_FILE_SUMMARY(state, fileSummary) {
+  if (isManageContentPage(state)) {
+    state.pageState.channelFileSummaries[fileSummary.channel_id] = {
+      totalFileSizeInBytes: fileSummary.total_file_size,
+      numberOfFiles: fileSummary.total_files,
+    };
+  }
+}
 
-export { mutations as default };
+function MANAGE_CONTENT_REMOVE_CHANNEL_FILE_SUMMARY(state, channelId) {
+  if (isManageContentPage(state)) {
+    Vue.delete(state.pageState.channelFileSummaries, channelId);
+  }
+}
+
+export default {
+  MANAGE_CONTENT_ADD_CHANNEL_FILE_SUMMARY,
+  MANAGE_CONTENT_REMOVE_CHANNEL_FILE_SUMMARY,
+}

kolibri/plugins/management/assets/src/views/manage-content-page/channels-grid.vue

@@ -110,8 +110,8 @@
       this.addChannelFileSummaries(map(this.channelList, 'id'));
     },
     watch: {
-      channelList(val, newVal) {
-        this.addChannelFileSummaries(map(newVal, 'id'));
+      channelList(val) {
+        this.addChannelFileSummaries(map(val, 'id'));
       },
     },
     methods: {