1234567891011121314151617181920212223242526272829303132333435 |
- // Copyright 2017-2020 @polkadot/react-query authors & contributors
- // This software may be modified and distributed under the terms
- // of the Apache-2.0 license. See the LICENSE file for details.
- import { DeriveBalancesAll } from '@polkadot/api-derive/types';
- import { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
- import React from 'react';
- import { useApi, useCall } from '@polkadot/react-hooks';
- import FormatBalance from './FormatBalance';
- interface Props {
- children?: React.ReactNode;
- className?: string;
- label?: React.ReactNode;
- params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
- }
- function AvailableDisplay ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
- const { api } = useApi();
- const allBalances = useCall<DeriveBalancesAll>(api.derive.balances.all, [params]);
- return (
- <FormatBalance
- className={className}
- label={label}
- value={allBalances?.availableBalance}
- >
- {children}
- </FormatBalance>
- );
- }
- export default React.memo(AvailableDisplay);
|