Function CommentVoteForm

src/components/comment/CommentVoteForm.tsx:18–123

({
  upVotes,
  downVotes,
  commentId,
  voteType,
})

}

const CommentVoteForm: React.FC<CommentVoteFormProps> = ({
  upVotes,
  downVotes,
  commentId,
  voteType,
}) => {
  const currentPath = usePathname();
  const { execute, isLoading } = useAction(voteHandlerAction, {
    onSuccess: () => {},
    onError: (error) => {
      toast.error(error);
    },
  });

  const handleVote = (newVoteType: VoteType) => {
    let toastMessage = {
      loading: 'Processing vote...',
      success: 'Vote updated successfully.',
      error: 'Error updating vote.',
    };

    if (voteType === newVoteType) {
      toastMessage = {
        loading: 'Removing vote...',
        success: `Vote removed successfully.`,
        error: 'Error removing vote.',
      };
    } else if (voteType === null) {
      toastMessage = {
        loading:
          newVoteType === VoteType.UPVOTE ? 'Upvoting...' : 'Downvoting...',
        success:
          newVoteType === VoteType.UPVOTE
            ? 'Comment upvoted.'
            : 'Comment downvoted.',
        error: 'Error casting vote.',
      };
    } else {
      toastMessage = {
        loading: 'Changing vote...',
        success:
          newVoteType === VoteType.UPVOTE
            ? 'Changed to upvote.'
            : 'Changed to downvote.',
        error: 'Error changing vote.',
      };
    }

    toast.promise(
      execute({ voteType: newVoteType, commentId, currentPath, slug: '' }),
      toastMessage,
    );
  };

  const isUpvoted = voteType === VoteType.UPVOTE;
  const isDownvoted = voteType === VoteType.DOWNVOTE;

  return (