neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add existential warning on signer (#4605)

Browse Source
This commit is contained in:
Jaco Greeff 2021-02-05 09:38:38 +01:00 committed by GitHub
parent e47212fb35
commit 67a4267524
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/react-signer/src/PaymentInfo.tsx
View File

@ -2,16 +2,19 @@
// SPDX-License-Identifier: Apache-2.0
import type { SubmittableExtrinsic } from '@polkadot/api/promise/types';
import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
import type { RuntimeDispatchInfo } from '@polkadot/types/interfaces';
import BN from 'bn.js';
import React, { useEffect, useState } from 'react';
import { Trans } from 'react-i18next';
import { Expander } from '@polkadot/react-components';
import { useApi, useIsMountedRef } from '@polkadot/react-hooks';
import { Expander, MarkWarning } from '@polkadot/react-components';
import { useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
import { formatBalance, isFunction } from '@polkadot/util';
import { useTranslation } from './translate';
interface Props {
accountId?: string | null;
className?: string;
@ -22,8 +25,11 @@ interface Props {
}
function PaymentInfo ({ accountId, className = '', extrinsic }: Props): React.ReactElement<Props> | null {
const { t } = useTranslation();
const { api } = useApi();
const [dispatchInfo, setDispatchInfo] = useState<RuntimeDispatchInfo | null>(null);
const balances = useCall<DeriveBalancesAll>(api.derive.balances.all, [accountId]);
const [isBelowExistential, setBelowExistential] = useState(false);
const mountedRef = useIsMountedRef();
useEffect((): void => {
@ -41,19 +47,32 @@ function PaymentInfo ({ accountId, className = '', extrinsic }: Props): React.Re
}, 0);
}, [api, accountId, extrinsic, mountedRef]);
useEffect((): void => {
setBelowExistential(!!(
extrinsic && !api.tx.balances?.transfer.is(extrinsic) &&
dispatchInfo && balances && api.consts.balances &&
balances.availableBalance.sub(dispatchInfo.partialFee).lte(api.consts.balances.existentialDeposit)
));
}, [api, balances, dispatchInfo, extrinsic]);
if (!dispatchInfo) {
return null;
}
return (
<Expander
className={className}
summary={
<Trans i18nKey='feesForSubmission'>
Fees of <span className='highlight'>{formatBalance(dispatchInfo.partialFee, { withSiFull: true })}</span> will be applied to the submission
</Trans>
}
/>
<>
<Expander
className={className}
summary={
<Trans i18nKey='feesForSubmission'>
Fees of <span className='highlight'>{formatBalance(dispatchInfo.partialFee, { withSiFull: true })}</span> will be applied to the submission
</Trans>
}
/>
{isBelowExistential && (
<MarkWarning content={t<string>('The account does not have enough funds to cover the transaction fees without dropping the balance below the account existential amount.')} />
)}
</>
);
}