From 7475268ebad35026e52118eb848fccba8adae1df Mon Sep 17 00:00:00 2001
From: Max <er4gonik@gmail.com>
Date: Wed, 29 Jan 2025 13:50:54 +0300
Subject: [PATCH 1/2] fixed

---
 .../src/Components/ArticleViewer/VoteButton/VoteButton.tsx | 2 +-
 .../Components/ArticleViewer/VoteCounter/VoteCounter.tsx   | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/enshi/src/Components/ArticleViewer/VoteButton/VoteButton.tsx b/enshi/src/Components/ArticleViewer/VoteButton/VoteButton.tsx
index 46a880b..18e7dcb 100644
--- a/enshi/src/Components/ArticleViewer/VoteButton/VoteButton.tsx
+++ b/enshi/src/Components/ArticleViewer/VoteButton/VoteButton.tsx
@@ -48,7 +48,7 @@ export default function VoteButton(props: TVoteButton) {
                 queryKey: [props.vote + "voteCheck"],
             });
             queryClient.invalidateQueries({
-                queryKey: ["post_vote_counter"],
+                queryKey: [`post_vote_counter_${props.postId}`],
             });
         },
     });
diff --git a/enshi/src/Components/ArticleViewer/VoteCounter/VoteCounter.tsx b/enshi/src/Components/ArticleViewer/VoteCounter/VoteCounter.tsx
index 4d54842..1115798 100644
--- a/enshi/src/Components/ArticleViewer/VoteCounter/VoteCounter.tsx
+++ b/enshi/src/Components/ArticleViewer/VoteCounter/VoteCounter.tsx
@@ -8,13 +8,14 @@ type TVoteCounter = {
 
 export default function VoteCounter(props: TVoteCounter) {
     const { data, isLoading } = useQuery({
-        queryKey: ["post_vote_counter"],
+        queryKey: [`post_vote_counter_${props.postId}` ],
         queryFn: async () => {
             const response = await axiosLocalhost.get(
                 `post-votes/${props.postId}`
             );
             return response.data as { upvotes: number; downvotes: number };
         },
+        gcTime: 1000 * 60, 
     });
 
     const calculateRating = (upvotes: number, downvotes: number) => {
@@ -22,12 +23,12 @@ export default function VoteCounter(props: TVoteCounter) {
     }
 
     if (isLoading) {
-        return <Skeleton>
+        return <Skeleton className="w-4">
             {calculateRating(0, 0)}
         </Skeleton>
     }
 
-    return <Box>
+    return <Box className="flex justify-center w-4 gap-2">
         {calculateRating(data?.upvotes || 0, data?.downvotes || 0)}
     </Box>;
 }

From 0f70bac6e33835e430d51a72b0b48a63d9b89441 Mon Sep 17 00:00:00 2001
From: Max <er4gonik@gmail.com>
Date: Wed, 29 Jan 2025 13:51:16 +0300
Subject: [PATCH 2/2] version

---
 enshi/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/enshi/package.json b/enshi/package.json
index 068855b..b396633 100644
--- a/enshi/package.json
+++ b/enshi/package.json
@@ -1,7 +1,7 @@
 {
   "name": "enshi",
   "private": true,
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "scripts": {
     "dev": "vite",