Catch and show error message

Signed-off-by: Christopher Ng <chrng8@gmail.com>

apps/comments/src/views/Comments.vue

@@ -73,6 +73,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { loadState } from '@nextcloud/initial-state'
 import axios from '@nextcloud/axios'
 import { emit } from '@nextcloud/event-bus'
+import { showError } from '@nextcloud/dialogs'
 import VTooltip from 'v-tooltip'
 import Vue from 'vue'
 
@@ -127,24 +128,28 @@ export default {
 
 	methods: {
 		/**
-		 * Handle active tab focus
+		 * Update current ressourceId and fetch new data
 		 *
 		 * @param {number} ressourceId the current ressourceId (fileId...)
 		 */
-		async active(ressourceId) {
-			await markCommentsAsRead(this.commentsType, ressourceId, new Date())
-			emit('comments:comments:read', { ressourceId: this.ressourceId })
+		async update(ressourceId) {
+			this.ressourceId = ressourceId
+			this.resetState()
+			this.getComments()
 		},
 
 		/**
-		 * Update current ressourceId and fetch new data
+		 * Handle active tab focus
 		 *
 		 * @param {number} ressourceId the current ressourceId (fileId...)
 		 */
-		async update(ressourceId) {
-			this.ressourceId = ressourceId
-			this.resetState()
-			this.getComments()
+		async active(ressourceId) {
+			try {
+				await markCommentsAsRead(this.commentsType, ressourceId, new Date())
+				emit('comments:comments:read', { ressourceId: this.ressourceId })
+			} catch (e) {
+				showError(e.message || t('comments', 'Error marking comments as read'))
+			}
 		},
 
 		/**