Documentation
Hooks
useFollowCharacter

useFollowCharacter

Hook for following character.

import { UseMutationResult, UseMutationOptions } from "@tanstack/react-query";
 
function useFollowCharacter(
	options?: UseMutationOptions
): UseMutationResult<unknown, unknown, { characterId: number }>;

Usage

import {
	useFollowCharacter,
	useUnfollowCharacter,
	useAccountCharacter,
} from "@crossbell/connect-kit";
import { useCharacterFollowRelation } from "@crossbell/indexer";
 
function App() {
	const characterId = 10; // https://xchar.app/diygod
	const currentCharacter = useAccountCharacter();
	const { data } = useCharacterFollowRelation(
		currentCharacter?.characterId,
		characterId
	);
	const follow = useFollowCharacter();
	const unfollow = useUnfollowCharacter();
 
	return (
		<button
			onClick={() => {
				if (data?.isFollowing) {
					unfollow.mutate({ characterId });
				} else {
					follow.mutate({ characterId });
				}
			}}
		>
			{data?.isFollowing ? "Unfollow" : "Follow"}
		</button>
	);
}