47913892cd
* Expansion to pools logic * Add filtering * Pass through own pools * Allow pool nominate tx * Start with account actions * Asho pool nominees * Nomination operational * Adjust table rows * BondExtra for pools * use availableBalance in calcs (w/ existential) * Re-use isAmountError check * Pass through actual pool info * s/id/poolId/ * Display payout stashes * Display points balance * OCD cleanups * claimPayout * Calculate pool claimable * Unbond * Fix Unbond max * Display remaining witldrawal eras * Stashed/Pooled selection * Withdraw unbonded * StakingRedeemable display * Renames as per metadata * Additional * s/pool/pools/ * PoolInfo display hints * Adjust usePoolInfo hook * Ordering adjustments * Additional dedupes * Combine queries * Combinations & renames * Flatten transform * Non-existent reward * bnMax sub * lint fixes * Bump API
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
// Copyright 2017-2022 @polkadot/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
|
|
import type { Option } from '@polkadot/types';
|
|
import type { SlashingSpans } from '@polkadot/types/interfaces';
|
|
import type { BN } from '@polkadot/util';
|
|
|
|
import React from 'react';
|
|
|
|
import { useAccounts, useApi, useCall } from '@polkadot/react-hooks';
|
|
import { FormatBalance } from '@polkadot/react-query';
|
|
|
|
import { useTranslation } from './translate';
|
|
import TxButton from './TxButton';
|
|
|
|
interface DeriveStakingAccountPartial {
|
|
controllerId: DeriveStakingAccount['controllerId'] | string;
|
|
stashId: DeriveStakingAccount['stashId'] | string;
|
|
redeemable?: BN;
|
|
}
|
|
|
|
interface Props {
|
|
className?: string;
|
|
isPool?: boolean;
|
|
stakingInfo?: DeriveStakingAccountPartial;
|
|
}
|
|
|
|
const OPT_SPAN = {
|
|
transform: (optSpans: Option<SlashingSpans>): number =>
|
|
optSpans.isNone
|
|
? 0
|
|
: optSpans.unwrap().prior.length + 1
|
|
};
|
|
|
|
function StakingRedeemable ({ className = '', isPool, stakingInfo }: Props): React.ReactElement<Props> | null {
|
|
const { api } = useApi();
|
|
const { allAccounts } = useAccounts();
|
|
const { t } = useTranslation();
|
|
const spanCount = useCall<number>(api.query.staking.slashingSpans, [stakingInfo?.stashId], OPT_SPAN);
|
|
|
|
if (!stakingInfo?.redeemable?.gtn(0)) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className={className}>
|
|
<FormatBalance value={stakingInfo.redeemable}>
|
|
{allAccounts.includes((stakingInfo.controllerId || '').toString())
|
|
? (
|
|
<TxButton
|
|
accountId={stakingInfo.controllerId}
|
|
icon='lock'
|
|
isIcon
|
|
key='unlock'
|
|
params={
|
|
isPool
|
|
? [stakingInfo.controllerId, spanCount]
|
|
: api.tx.staking.withdrawUnbonded.meta.args.length === 1
|
|
? [spanCount]
|
|
: []
|
|
}
|
|
tooltip={t<string>('Withdraw these unbonded funds')}
|
|
tx={
|
|
isPool
|
|
? api.tx.nominationPools.withdrawUnbonded
|
|
: api.tx.staking.withdrawUnbonded}
|
|
/>
|
|
)
|
|
: <span className='icon-void'> </span>}
|
|
</FormatBalance>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default React.memo(StakingRedeemable);
|