пофиксил обновление значения лайков и дизлайков

Author: иван Горбунов

src/components/TheReviewCard.vue

@@ -56,20 +56,22 @@
 			</v-col>
 		</template>
 		<template #actions>
-			<v-btn 
-				@click="changeReactionLike() " 
-				density="compact" 
-				size="large" 
+			<v-btn
+				@click="changeReactionLike()"
+				density="compact"
+				size="large"
 				:color="isLiked ? 'primary' : 'default'"
-				:prepend-icon="isLiked ? 'mdi-thumb-up' : 'mdi-thumb-up-outline'">
+				:prepend-icon="isLiked ? 'mdi-thumb-up' : 'mdi-thumb-up-outline'"
+			>
 				{{ like_count }}
 			</v-btn>
 			<v-btn
-				@click="changeReactionDislike()" 
-			 	density="compact" 
+				@click="changeReactionDislike()"
+				density="compact"
 				size="large"
 				:color="isDisliked ? 'primary' : 'default'"
-				:prepend-icon="isDisliked ? 'mdi-thumb-down' : 'mdi-thumb-down-outline'">
+				:prepend-icon="isDisliked ? 'mdi-thumb-down' : 'mdi-thumb-down-outline'"
+			>
 				{{ dislike_count }}
 			</v-btn>
 		</template>
@@ -90,46 +92,54 @@ const propsLocal = defineProps({
 	photo: { type: String, required: true },
 	comment: { type: Object, required: true },
 });
-const isLiked = ref(false)
-const like_count = ref(0)
+const isLiked = ref(false);
+const like_count = ref(propsLocal.comment.raw.like_count);
 
-const isDisliked = ref(false)
-const dislike_count = ref(0)
+const isDisliked = ref(false);
+const dislike_count = ref(0);
 
 const emit = defineEmits(['comment-deleted']);
 
 const markGeneral = ref(0);
 const redactedText = ref<string[]>([]);
 
 async function changeReactionLike() {
-	try{
+	try {
 		const response = await apiClient.PUT('/rating/comment/{uuid}/{reaction}', {
-		params: { 
-			path: { 
-				uuid: propsLocal.comment.raw.uuid,
-				reaction: "like"
-			} 
-		},
-	})
-
-	like_count.value = response.data.like_count+ 1
-	isLiked.value = !isLiked.value
-	
-	}catch(error){
-		console.error("Ошибка лайка:", error)
+			params: {
+				path: {
+					uuid: propsLocal.comment.raw.uuid,
+					reaction: 'like',
+				},
+			},
+		});
+		if (isLiked.value == false) {
+			like_count.value = response.data.like_count;
+			isLiked.value = !isLiked.value;
+		}else{
+			like_count.value = response.data.like_count;
+			isLiked.value = !isLiked.value;
+		}
+	} catch (error) {
+		console.error('Ошибка лайка:', error);
 	}
 }
 
 async function changeReactionDislike() {
-	try{
+	try {
 		const response = await apiClient.PUT('/rating/comment/{uuid}/{reaction}', {
-		params: { path: { uuid: propsLocal.comment.raw.uuid,
-						  reaction: "dislike"} },
-	})
-	dislike_count.value = response.data.dislike_count+ 1
-	isDisliked.value = !isDisliked.value
-	}catch(error){
-		console.error("Ошибка дизлайка:", error)
+			params: { path: { uuid: propsLocal.comment.raw.uuid, reaction: 'dislike' } },
+		});
+		if (isDisliked.value == false) {
+			dislike_count.value = response.data.dislike_count;
+			isDisliked.value = !isDisliked.value;
+		}
+		else{
+			dislike_count.value = response.data.dislike_count;
+			isDisliked.value = !isDisliked.value;
+		}
+	} catch (error) {
+		console.error('Ошибка дизлайка:', error);
 	}
 }