Wallet Claim CSB Modal

In order to display WalletClaimCSBModal, you need to connect wallet account first.

Usage

import {
	useIsConnected,
	useClaimCSBStatus,
	useWalletClaimCSBModal,
} from "@crossbell/connect-kit";
 
export function ClaimBtn() {
	const isWalletConnected = useIsConnected("wallet");
	const { isLoading, isEligibleToClaim, errorMsg } = useClaimCSBStatus();
	const { isActive, show, hide } = useWalletClaimCSBModal();
 
	if (!isWalletConnected) return null;
 
	return (
		<button disabled={isLoading || !isEligibleToClaim} onClick={show}>
			{isLoading
				? "Checking Eligibility"
				: isEligibleToClaim
				? "Claim $CSB"
				: errorMsg}
		</button>
	);
}

Return type

Option	Type	Description
isActive	boolean	Indicates whether the modal is activated or not
show	() => void	Show modal
hide	() => void	Hide modal

Edit Character Profile OP Sign Settings