ghost-portal/packages/react-signer/src/Transaction.tsx
Jaco Greeff f35b2d4428
Update fees, mortal & tips (#1590)
* Update fees, mortal & tips

* Linting

* Revert findCall

* Fix fee calculation (take version byte  into account)

* Remove MAX (weights), add weight note

* does not *
2019-09-18 14:53:51 +02:00

72 lines
2.0 KiB
TypeScript

// Copyright 2017-2019 @polkadot/react-signer 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 { I18nProps } from '@polkadot/react-components/types';
import { QueueTx } from '@polkadot/react-components/Status/types';
import BN from 'bn.js';
import React from 'react';
import { GenericCall } from '@polkadot/types';
import { Call, InputAddress, Modal } from '@polkadot/react-components';
import Checks from './Checks';
import translate from './translate';
interface Props extends I18nProps {
children?: React.ReactNode;
hideDetails?: boolean;
isSendable: boolean;
tip?: BN;
value: QueueTx;
}
function Transaction ({ children, hideDetails, isSendable, value: { accountId, extrinsic, isUnsigned }, t, tip }: Props): React.ReactElement<Props> | null {
if (!extrinsic) {
return null;
}
const { meta, method, section } = GenericCall.findFunction(extrinsic.callIndex);
return (
<>
<Modal.Header>
{section}.{method}
<label><details><summary>{
meta && meta.documentation
? meta.documentation.join(' ')
: ''
}</summary></details></label>
</Modal.Header>
<Modal.Content className='ui--signer-Signer-Content'>
{!hideDetails && (
<>
{!isUnsigned && accountId && (
<InputAddress
className='full'
defaultValue={accountId}
isDisabled
isInput
label={t('sending from my account')}
withLabel
/>
)}
<Call value={extrinsic} />
{!isUnsigned && (
<Checks
accountId={accountId}
extrinsic={extrinsic}
isSendable={isSendable}
tip={tip}
/>
)}
</>
)}
{children}
</Modal.Content>
</>
);
}
export default translate(Transaction);