don't update entire tables store when only description changes

Signed-off-by: grnd-alt <salimbelakkaf@outlook.de>

src/modules/main/sections/Table.vue

@@ -103,7 +103,7 @@ export default {
 		async saveDescription() {
 			if (this.descriptionLastEdited !== 0) return
 			this.descriptionSaving = true
-			await this.$store.dispatch('updateTable', { id: this.table.id, data: { description: this.description } })
+			await this.$store.dispatch('updateTableProperty', { id: this.table.id, data: { description: this.description }, property: 'description' })
 			this.descriptionLastEdit = 0
 			this.descriptionSaving = false
 		},

src/store/store.js

@@ -83,7 +83,7 @@ export default new Vuex.Store({
 		},
 		setTable(state, table) {
 			const index = state.tables.findIndex(t => t.id === table.id)
-			state.tables[index] = table
+			state.tables.splice(index, 1, table)
 		},
 		setView(state, view) {
 			const index = state.views.findIndex(v => v.id === view.id)
@@ -218,6 +218,22 @@ export default new Vuex.Store({
 			}
 			return true
 		},
+		async updateTableProperty({ state, commit, dispatch }, { id, data, property }) {
+			let res = null
+
+			try {
+				res = (await axios.put(generateOcsUrl('/apps/tables/api/2/tables/' + id), data)).data.ocs
+			} catch (e) {
+				displayError(e, t('tables', 'Could not update table.'))
+				return false
+			}
+
+			const table = res.data
+			const tables = state.tables
+			const index = tables.findIndex(t => t.id === table.id)
+			Vue.set(state.tables[index], property, data[property])
+			return true
+		},
 		async updateTable({ state, commit, dispatch }, { id, data }) {
 			let res = null
 
@@ -232,7 +248,7 @@ export default new Vuex.Store({
 			const tables = state.tables
 			const index = tables.findIndex(t => t.id === table.id)
 			tables[index] = table
-			commit('setTable', table)
+			commit('setTables', [...tables])
 			return true
 		},
 		async favoriteView({ state, commit, dispatch }, { id }) {