fix: votes

xgeekshq · Jan 5, 2023 · 5a61f45 · 5a61f45
1 parent 71143e5
commit 5a61f45
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/frontend/src/components/Board/Card/CardFooter.tsx b/frontend/src/components/Board/Card/CardFooter.tsx
@@ -92,7 +92,7 @@ const CardFooter = React.memo<FooterProps>(
     const [maxVotesReached, setMaxVotesReached] = useRecoilState(maxVotesReachedAtom);
 
     const {
-      handleVote: { mutate },
+      handleVote: { mutate, status },
       toastInfoMessage,
     } = useVotes();
 
@@ -143,7 +143,7 @@ const CardFooter = React.memo<FooterProps>(
 
     useEffect(() => {
       const timer = setTimeout(() => {
-        if (votesData.countVotes === 0) return;
+        if (votesData.countVotes === 0 || status === 'loading') return;
 
         mutate({
           boardId,
@@ -157,14 +157,13 @@ const CardFooter = React.memo<FooterProps>(
           ...prev,
           countVotes: 0,
         }));
-      }, 200);
+      }, 300);
 
       return () => clearTimeout(timer);
-    }, [boardId, card._id, cardItemId, mutate, socketId, votesData.countVotes]);
+    }, [boardId, card._id, cardItemId, mutate, socketId, status, votesData.countVotes]);
 
-    const handleDeleteVote = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-      event.stopPropagation();
-      if (hideCards && createdBy?._id !== userId) return;
+    const handleDeleteVote = () => {
+      if ((hideCards && createdBy?._id !== userId) || status === 'loading') return;
       setVotesData((prev) => ({
         ...prev,
         countVotes: prev.countVotes - 1,
@@ -179,8 +178,8 @@ const CardFooter = React.memo<FooterProps>(
       }
     };
 
-    const handleAddVote = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-      event.stopPropagation();
+    const handleAddVote = () => {
+      if (status === 'loading') return;
       setVotesData((prev) => ({
         ...prev,
         countVotes: prev.countVotes + 1,