ad5cf04b07
* Update rx-react/rx-api packages (16.3 compliant) * onChange & subject is optional * Cleanup translations * Clean up logging * Upgrades * Use yarn on Travis * install -> add * No lerna global install * Ignore engines * Update dev * Final dependency bumps * Simplify travis.yml more
70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
// Copyright 2017-2018 Jaco Greeff
|
|
// This software may be modified and distributed under the terms
|
|
// of the ISC license. See the LICENSE file for details.
|
|
// @flow
|
|
|
|
import type { BaseProps } from '../types';
|
|
|
|
import './CallDisplay.css';
|
|
|
|
import React from 'react';
|
|
import Button from 'semantic-ui-react/dist/es/elements/Button';
|
|
import withObservable from '@polkadot/rx-react/with/observable';
|
|
|
|
import translate from '../translate';
|
|
import StakingStake from '../Staking/Stake';
|
|
import StakingTransfer from '../Staking/Transfer';
|
|
import StakingUnstake from '../Staking/Unstake';
|
|
import { extrinsicName } from '../subjects';
|
|
import ErrorComponent from './Error';
|
|
import queueExtrinsic from './queue';
|
|
|
|
type ValueGetter = {
|
|
getValues: () => Array<mixed>
|
|
}
|
|
|
|
type Props = BaseProps & {
|
|
value?: string;
|
|
};
|
|
|
|
const COMPONENTS = {
|
|
'staking_stake': StakingStake,
|
|
'staking_transfer': StakingTransfer,
|
|
'staking_unstake': StakingUnstake
|
|
};
|
|
|
|
function CallDisplay ({ className, style, t, value }: Props): React$Node {
|
|
// flowlint-next-line sketchy-null-string:off
|
|
if (!value) {
|
|
return null;
|
|
}
|
|
|
|
const Component = COMPONENTS[value] || ErrorComponent;
|
|
const onSubmit = () => {
|
|
// flowlint-next-line unclear-type:off
|
|
queueExtrinsic(value, ((Component: any): ValueGetter).getValues());
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className={['extrinsics--CallDisplay', className].join(' ')}
|
|
style={style}
|
|
>
|
|
<Component className='extrinsics--CallDisplay-Component' />
|
|
<Button
|
|
className='extrinsics--CallDisplay-Execute'
|
|
onClick={onSubmit}
|
|
primary
|
|
>
|
|
{t('calldisplay.submit', {
|
|
defaultValue: 'Submit Extrinsic'
|
|
})}
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default translate(
|
|
withObservable(extrinsicName)(CallDisplay)
|
|
);
|