Fix removing a namespace from state after it was deleted

src/components/home/navigation.vue

@@ -131,9 +131,7 @@ export default {
 		NamespaceSettingsDropdown,
 	},
 	computed: mapState({
-		namespaces(state) {
-			return state.namespaces.namespaces.filter(n => !n.isArchived)
-		},
+		namespaces: state => state.namespaces.namespaces.filter(n => !n.isArchived),
 		currentList: CURRENT_LIST,
 		background: 'background',
 		menuActive: MENU_ACTIVE,

src/store/modules/namespaces.js

@@ -135,5 +135,15 @@ export default {
 				return Promise.resolve()
 			}
 		},
+		deleteNamespace(ctx, namespace) {
+			const namespaceService = new NamespaceService()
+
+			return namespaceService.delete(namespace)
+				.then(r => {
+					ctx.commit('removeNamespaceById', namespace.id)
+					return Promise.resolve(r)
+				})
+				.catch(Promise.reject)
+		},
 	},
 }

src/views/namespaces/settings/delete.vue

@@ -29,9 +29,8 @@ export default {
 		deleteNamespace() {
 			const namespace = this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
 
-			this.namespaceService.delete(namespace)
+			this.$store.dispatch('namespaces/deleteNamespace', namespace)
 				.then(() => {
-					this.$store.commit('namespaces/removeNamespaceFromNamespaceById', namespace)
 					this.success({message: 'The namespace was successfully deleted.'}, this)
 					this.$router.push({name: 'home'})
 				})