useBalanceStaked

Hook to retrieve list of staked balances from current account or given address

Usage

Single chain

import { useBalanceStaked } from "graz";
function App() {
  const { data: balanceStaked, isLoading } = useBalanceStaked({
    bech32Address: "cosmos1g3jjhgkyf36pjhe7u5cw8j9u6cgl8x929ej430",
  });

  return (
    <div>
      Balances:
      {isLoading ? (
        "Fetching staked balance..."
      ) : (
        <p>
          {balanceStaked?.amount} {balanceStaked?.denom}
        </p>
      )}
    </div>
  );
}

Multi chain

useBalanceStaked address handles multi chain addresses, so you need only to pass 1 chain address it will automatically convert address in other chain

import { useBalanceStaked } from "graz";
function App() {
  const { data: balanceStaked, isLoading } = useBalanceStaked({
    bech32Address: "cosmos1g3jjhgkyf36pjhe7u5cw8j9u6cgl8x929ej430",
    chainId: ["cosmoshub-4", "sommelier-1"],
    multiChain: true,
  });

  return (
    <div>
      Balances:
      {isLoading ? (
        "Fetching staked balance..."
      ) : balanceStaked && Object.entries(balanceStaked).map([chainId, coin] => {
          return(
            <div>
              <p>{chainId} balance staked : {coin.amount} {coin.denom}</p>
            </div>
          );
        })
      }
    </div>
  );
}

Hook Params

<TMultiChain extends boolean>{
  chainId?: string | string[];
  multiChain?: TMultiChain; // boolean
  bech32Address?: string // Optional bech32 account address, defaults to connected account address
}

Return Value

{
  data: TMultiChain extends true ? Record<string,  Coin> :  Coin; // from @cosmjs/proto-signing
  dataUpdatedAt: number;
  error: TError | null;
  errorUpdatedAt: number;
  failureCount: number;
  errorUpdateCount: number;
  isError: boolean;
  isFetched: boolean;
  isFetchedAfterMount: boolean;
  isFetching: boolean;
  isLoading: boolean;
  isLoadingError: boolean;
  isPaused: boolean;
  isPlaceholderData: boolean;
  isPreviousData: boolean;
  isRefetchError: boolean;
  isRefetching: boolean;
  isStale: boolean;
  isSuccess: boolean;
  refetch:(options?: RefetchOptions & RefetchQueryFilters) => Promise<QueryObserverResult<TMultiChain extends true ? Record<string,  Coin> :  Coin, unknown>>;
  remove: () => void;
  status: 'loading' | 'error' | 'success';
  fetchStatus: 'fetching' | 'paused' | 'idle';
}