Merge API wrappers into store actions

Signed-off-by: Theo <36564257+theoholl@users.noreply.github.com>

Author: theoholl

src/components/card/CardSidebarTabComments.vue

@@ -126,7 +126,7 @@ export default {
 				await this.commentStore.fetchComments({ cardId: this.card.id })
 				this.isLoading = false
 				if (this.card.commentsUnread > 0) {
-					await this.commentStore.apiMarkCommentsAsRead(this.card.id)
+					await this.commentStore.markCommentsAsRead(this.card.id)
 				}
 			} catch (e) {
 				this.isLoading = false

src/components/card/CommentItem.vue

@@ -196,19 +196,18 @@ export default {
 		},
 		async updateComment() {
 			const data = {
-				comment: this.commentMsg,
+				comment: { id: this.comment.id, message: this.commentMsg },
 				cardId: this.comment.objectId,
-				id: this.comment.id,
 			}
-			await this.commentStore.apiUpdateComment(data)
+			await this.commentStore.updateComment(data)
 			this.hideUpdateForm()
 		},
 		deleteComment() {
 			const data = {
 				id: this.comment.id,
 				cardId: this.comment.objectId,
 			}
-			this.commentStore.apiDeleteComment(data)
+			this.commentStore.deleteComment(data)
 		},
 	},
 }

src/stores/comment.js

@@ -46,19 +46,22 @@ export const useCommentStore = defineStore('comment', {
 				this.comments[cardId].comments.push(...newComments)
 			}
 		},
-		updateComment({ cardId, comment }) {
+		async updateComment({ cardId, comment }) {
+			const updatedComment = await apiClient.updateComment({ cardId, id: comment.id, comment: comment.message })
 			const existingIndex = this.comments[cardId].comments.findIndex(c => c.id === comment.id)
 			if (existingIndex !== -1) {
 				Object.assign(this.comments[cardId].comments[existingIndex], comment)
 			}
 		},
-		deleteComment(comment) {
+		async deleteComment(comment) {
+			await apiClient.deleteComment(comment)
 			const existingIndex = this.comments[comment.cardId].comments.findIndex(_comment => _comment.id === comment.id)
 			if (existingIndex !== -1) {
 				this.comments[comment.cardId].comments.splice(existingIndex, 1)
 			}
 		},
-		markCommentsAsRead(cardId) {
+		async markCommentsAsRead(cardId) {
+			await apiClient.markCommentsAsRead(cardId)
 			this.comments[cardId].comments.forEach(_comment => {
 				Vue.set(_comment, 'isUnread', false)
 			})
@@ -88,17 +91,5 @@ export const useCommentStore = defineStore('comment', {
 			await apiClient.createComment({ cardId, comment, replyTo: this.replyTo })
 			await this.fetchComments({ cardId })
 		},
-		async apiDeleteComment(data) {
-			await apiClient.deleteComment(data)
-			this.deleteComment(data)
-		},
-		async apiUpdateComment(data) {
-			const comment = await apiClient.updateComment(data)
-			this.updateComment({ cardId: data.cardId, comment })
-		},
-		async apiMarkCommentsAsRead(cardId) {
-			await apiClient.markCommentsAsRead(cardId)
-			this.markCommentsAsRead(cardId)
-		},
 	},
 })