Labelling cleanups & API bump (balances via Address) (#658)
* Labelling cleanups & API bump (balances via Address) * Documentation join * Align padding for article with padding * Extra console.log removed * Text update
This commit is contained in:
parent
e5a3086547
commit
a6c44dd4fb
@ -33,8 +33,8 @@ class Item extends React.PureComponent<Props> {
|
||||
{section}.{method}
|
||||
</h3>
|
||||
<div className='democracy--Item-header-description'>{
|
||||
meta && meta.documentation && meta.documentation.length
|
||||
? meta.documentation.map((doc) => doc.toString()).join(' ')
|
||||
meta && meta.documentation
|
||||
? meta.documentation.join(' ')
|
||||
: ''
|
||||
}</div>
|
||||
</div>
|
||||
|
||||
@ -65,8 +65,8 @@ class Extrinsics extends React.PureComponent<Props> {
|
||||
<div className='ui--hover'>
|
||||
<div className='ui--hover-content'>
|
||||
<div className='description'>{
|
||||
meta && meta.documentation && meta.documentation.length
|
||||
? meta.documentation.map((doc) => doc.toString()).join(' ')
|
||||
meta && meta.documentation
|
||||
? meta.documentation.join(' ')
|
||||
: ''
|
||||
}</div>
|
||||
<Call
|
||||
|
||||
@ -69,8 +69,8 @@ class Events extends React.PureComponent<Props> {
|
||||
<div className='ui--hover-content'>
|
||||
<div className='description'>
|
||||
{
|
||||
event.meta.documentation && event.meta.documentation.length
|
||||
? event.meta.documentation.map((doc) => doc.toString()).join(' ')
|
||||
event.meta && event.meta.documentation
|
||||
? event.meta.documentation.join(' ')
|
||||
: ''
|
||||
}
|
||||
</div>
|
||||
|
||||
33
packages/app-extrinsics/src/Balance.tsx
Normal file
33
packages/app-extrinsics/src/Balance.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
// Copyright 2017-2019 @polkadot/ui-reactive 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 { BareProps, CallProps } from '@polkadot/ui-api/types';
|
||||
|
||||
import React from 'react';
|
||||
import { Balance } from '@polkadot/types';
|
||||
import { withCall } from '@polkadot/ui-api/index';
|
||||
import { InputBalance } from '@polkadot/ui-app/index';
|
||||
|
||||
type Props = BareProps & CallProps & {
|
||||
balances_freeBalance?: Balance,
|
||||
label?: React.ReactNode
|
||||
};
|
||||
|
||||
class BalanceDisplay extends React.PureComponent<Props> {
|
||||
render () {
|
||||
const { className, label, style, balances_freeBalance } = this.props;
|
||||
|
||||
return (
|
||||
<InputBalance
|
||||
className={className}
|
||||
isDisabled
|
||||
label={label}
|
||||
style={style}
|
||||
defaultValue={balances_freeBalance}
|
||||
/>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default withCall('query.balances.freeBalance')(BalanceDisplay);
|
||||
@ -11,8 +11,9 @@ import React from 'react';
|
||||
import { Method } from '@polkadot/types';
|
||||
import { Button, InputAddress, Labelled } from '@polkadot/ui-app/index';
|
||||
import { withApi, withMulti } from '@polkadot/ui-api/index';
|
||||
import { Balance, Nonce } from '@polkadot/ui-reactive/index';
|
||||
import { Nonce } from '@polkadot/ui-reactive/index';
|
||||
|
||||
import Balance from './Balance';
|
||||
import Extrinsic from './Extrinsic';
|
||||
import translate from './translate';
|
||||
|
||||
@ -51,15 +52,11 @@ class Selection extends React.PureComponent<Props, State> {
|
||||
type='account'
|
||||
/>
|
||||
<div className='ui--row'>
|
||||
<Labelled
|
||||
<Balance
|
||||
className='medium'
|
||||
label={t('with an account balance')}
|
||||
>
|
||||
<Balance
|
||||
className='ui disabled dropdown selection'
|
||||
params={accountId}
|
||||
/>
|
||||
</Labelled>
|
||||
params={accountId}
|
||||
/>
|
||||
<Labelled
|
||||
className='medium'
|
||||
label={t('with a transaction nonce')}
|
||||
|
||||
@ -106,20 +106,21 @@ class Query extends React.PureComponent<Props, State> {
|
||||
|
||||
return (
|
||||
<div className='storage--Query storage--actionrow'>
|
||||
<Labelled
|
||||
className='storage--actionrow-value'
|
||||
label={
|
||||
<div className='ui--Param-text'>
|
||||
{this.keyToName(key)}: {
|
||||
isU8a(key)
|
||||
? 'Data'
|
||||
: key.meta.type.toString()
|
||||
}
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<Component />
|
||||
</Labelled>
|
||||
<div className='storage--actionrow-value'>
|
||||
<Labelled
|
||||
label={
|
||||
<div className='ui--Param-text'>
|
||||
{this.keyToName(key)}: {
|
||||
isU8a(key)
|
||||
? 'Data'
|
||||
: key.meta.type.toString()
|
||||
}
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<Component />
|
||||
</Labelled>
|
||||
</div>
|
||||
<div className='storage--actionrow-buttons'>
|
||||
<div className='container'>
|
||||
{this.renderButtons()}
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
|
||||
.storage--Query {
|
||||
margin-bottom: 0.25em;
|
||||
padding: 0.25em 0;
|
||||
}
|
||||
|
||||
.storage--Query .ui.disabled.dropdown.selection {
|
||||
@ -12,24 +11,17 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* .storage--Query span+span {
|
||||
margin-left: 0.5em;
|
||||
} */
|
||||
|
||||
.storage--Query .storage--actionrow-value {
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
|
||||
.storage--Query .ui--IdentityIcon {
|
||||
margin: -10px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.storage--actionrow {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
.button {
|
||||
margin-bottom: 0.5rem;
|
||||
margin: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -46,18 +38,3 @@
|
||||
flex: 0;
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
|
||||
.storage--Queries .storage--actionrow-buttons {
|
||||
flex: 0;
|
||||
padding: 0 0.25rem;
|
||||
|
||||
.container {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ui.label {
|
||||
font-size: 1rem;
|
||||
line-height: 1.714rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -60,7 +60,7 @@ class Transfer extends React.PureComponent<Props, State> {
|
||||
type='account'
|
||||
/>
|
||||
<InputAddress
|
||||
label={t('with a recipient of')}
|
||||
label={t('to the recipient address')}
|
||||
onChange={this.onChangeTo}
|
||||
type='all'
|
||||
/>
|
||||
|
||||
@ -31,8 +31,8 @@
|
||||
"homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.2.0",
|
||||
"@polkadot/api": "^0.41.2",
|
||||
"@polkadot/types": "^0.41.2",
|
||||
"@polkadot/api": "^0.41.3",
|
||||
"@polkadot/types": "^0.41.3",
|
||||
"rxjs-compat": "^6.3.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,10 +11,10 @@
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.2.0",
|
||||
"@polkadot/extrinsics": "^0.41.2",
|
||||
"@polkadot/extrinsics": "^0.41.3",
|
||||
"@polkadot/keyring": "^0.33.36",
|
||||
"@polkadot/storage": "^0.41.2",
|
||||
"@polkadot/types": "^0.41.2",
|
||||
"@polkadot/storage": "^0.41.3",
|
||||
"@polkadot/types": "^0.41.3",
|
||||
"@polkadot/ui-api": "^0.22.52",
|
||||
"@polkadot/ui-identicon": "^0.25.8",
|
||||
"@polkadot/ui-keyring": "^0.25.8",
|
||||
|
||||
@ -11,7 +11,7 @@ import { InputNumber } from '@polkadot/ui-app/index';
|
||||
|
||||
type Props = BareProps & {
|
||||
autoFocus?: boolean,
|
||||
defaultValue?: string,
|
||||
defaultValue?: BN | string,
|
||||
isDisabled?: boolean,
|
||||
isError?: boolean,
|
||||
label?: any,
|
||||
|
||||
@ -1,80 +0,0 @@
|
||||
// Copyright 2017-2019 @polkadot/ui-app 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 BN from 'bn.js';
|
||||
import React from 'react';
|
||||
|
||||
import { mount } from '../../../test/enzyme';
|
||||
import { BitLengthOption } from './constants';
|
||||
import Input from './Input';
|
||||
import { InputNumber, maxConservativeLength } from './InputNumber';
|
||||
|
||||
const mockT = (key, options) => (key);
|
||||
|
||||
describe('InputNumber', () => {
|
||||
const DEFAULT_BITLENGTH = BitLengthOption.CHAIN_SPEC;
|
||||
const max128BN = new BN(2).pow(new BN(128)).subn(1);
|
||||
const aboveMax128BN = max128BN.addn(1);
|
||||
const belowMax128BN = max128BN.subn(1);
|
||||
|
||||
let wrapper, divInputNumber, defaultValue;
|
||||
|
||||
beforeEach(() => {
|
||||
defaultValue = { value: '0' };
|
||||
wrapper = mount(
|
||||
<InputNumber
|
||||
defaultValue={defaultValue}
|
||||
t={mockT}
|
||||
/>, {}
|
||||
);
|
||||
divInputNumber = wrapper.find('.ui--InputNumber');
|
||||
});
|
||||
|
||||
it('creates the element', () => {
|
||||
expect(wrapper).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('should display InputNumber wrapper and Input component', () => {
|
||||
expect(divInputNumber).toHaveLength(1);
|
||||
expect(wrapper.find(Input)).toHaveLength(1);
|
||||
});
|
||||
|
||||
describe('maxLength', () => {
|
||||
it('returns max length for use on number input fields that is the length of the max BN value minus a conservativeness factor for 128 bit', () => {
|
||||
const maxValueLength = wrapper.instance().maxValue(DEFAULT_BITLENGTH).toString().length;
|
||||
expect(maxConservativeLength(maxValueLength)).toBe(38);
|
||||
});
|
||||
});
|
||||
|
||||
describe('maxValue', () => {
|
||||
it('returns max BN value for given bitlength or uses 128 bit bitlength fallback', () => {
|
||||
expect(wrapper.instance().maxValue(128)).toEqual(max128BN);
|
||||
});
|
||||
});
|
||||
|
||||
describe('isValidBitLength', () => {
|
||||
it('returns whether value in BN is valid for given bitlength or uses 128 bit bitlength fallback', () => {
|
||||
expect(wrapper.instance().isValidBitLength(aboveMax128BN, DEFAULT_BITLENGTH)).toBe(false);
|
||||
expect(wrapper.instance().isValidBitLength(max128BN, DEFAULT_BITLENGTH)).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe('isValidNumber', () => {
|
||||
describe('checks extrinsic balance', () => {
|
||||
it('throws an error if input value for comparison is not a string', () => {
|
||||
const invalidInputValueType = 340282366920938463463374607431768211456;
|
||||
|
||||
expect(() => { wrapper.instance().isValidNumber(new BN(invalidInputValueType), DEFAULT_BITLENGTH); }).toThrow();
|
||||
});
|
||||
});
|
||||
|
||||
it('should not be valid when user enters positive value greater than or equal to the 128 bit max for latest chain', () => {
|
||||
expect(wrapper.instance().isValidNumber(max128BN, DEFAULT_BITLENGTH)).toBe(false);
|
||||
});
|
||||
|
||||
it('should be valid when user enters positive value less than the 128 bit max for latest chain', () => {
|
||||
expect(wrapper.instance().isValidNumber(belowMax128BN, DEFAULT_BITLENGTH)).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
@ -18,7 +18,7 @@ import translate from './translate';
|
||||
type Props = BareProps & I18nProps & {
|
||||
autoFocus?: boolean,
|
||||
bitLength?: BitLength,
|
||||
defaultValue?: string,
|
||||
defaultValue?: BN | string,
|
||||
isDisabled?: boolean,
|
||||
isError?: boolean,
|
||||
isSi?: boolean,
|
||||
@ -78,7 +78,7 @@ class InputNumber extends React.PureComponent<Props, State> {
|
||||
|
||||
return {
|
||||
defaultValue: formatBalance(defaultValue, false),
|
||||
siUnit: calcSi(defaultValue).value
|
||||
siUnit: calcSi(defaultValue.toString()).value
|
||||
};
|
||||
}
|
||||
|
||||
@ -86,28 +86,35 @@ class InputNumber extends React.PureComponent<Props, State> {
|
||||
const { bitLength = DEFAULT_BITLENGTH, className, defaultValue = '0', isSi, isDisabled, maxLength, style, t } = this.props;
|
||||
const { isValid } = this.state;
|
||||
const maxValueLength = this.maxValue(bitLength).toString().length;
|
||||
const value = this.state.defaultValue || defaultValue;
|
||||
|
||||
return (
|
||||
<div
|
||||
<Input
|
||||
{...this.props}
|
||||
className={classes('ui--InputNumber', className)}
|
||||
defaultValue={
|
||||
isDisabled
|
||||
? undefined
|
||||
: value
|
||||
}
|
||||
isAction={isSi}
|
||||
isDisabled={isDisabled}
|
||||
isError={!isValid}
|
||||
maxLength={maxLength || maxConservativeLength(maxValueLength)}
|
||||
onChange={this.onChange}
|
||||
onKeyDown={this.onKeyDown}
|
||||
onKeyUp={this.onKeyUp}
|
||||
placeholder={t('Positive number')}
|
||||
style={style}
|
||||
value={
|
||||
isDisabled
|
||||
? value
|
||||
: undefined
|
||||
}
|
||||
type='text'
|
||||
>
|
||||
<Input
|
||||
{...this.props}
|
||||
defaultValue={this.state.defaultValue || defaultValue}
|
||||
isAction={isSi}
|
||||
isDisabled={isDisabled}
|
||||
isError={!isValid}
|
||||
maxLength={maxLength || maxConservativeLength(maxValueLength)}
|
||||
onChange={this.onChange}
|
||||
onKeyDown={this.onKeyDown}
|
||||
onKeyUp={this.onKeyUp}
|
||||
placeholder={t('Positive number')}
|
||||
type='text'
|
||||
>
|
||||
{this.renderSiDropdown()}
|
||||
</Input>
|
||||
</div>
|
||||
{this.renderSiDropdown()}
|
||||
</Input>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -26,6 +26,10 @@ export default class Labelled extends React.PureComponent<Props> {
|
||||
|
||||
if (isHidden) {
|
||||
return null;
|
||||
} else if (!withLabel) {
|
||||
return (
|
||||
<div className={className}>{children}</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
@ -33,11 +37,7 @@ export default class Labelled extends React.PureComponent<Props> {
|
||||
className={classes('ui--Labelled', isSmall ? 'label-small' : '', className)}
|
||||
style={style}
|
||||
>
|
||||
{
|
||||
withLabel
|
||||
? <div className='ui--label'>{label}</div>
|
||||
: null
|
||||
}
|
||||
<label>{label}</label>
|
||||
<div className='ui--Labelled-content'>
|
||||
{children}
|
||||
</div>
|
||||
|
||||
@ -31,6 +31,15 @@ h3, h4, h5 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
label {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
margin: 0.25rem;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
/*
|
||||
a:hover {
|
||||
color: #D75EA1;
|
||||
@ -51,13 +60,16 @@ article {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-left-width: 0.25rem;
|
||||
border-radius: 0.25rem;
|
||||
/* border-top-width: 1px; */
|
||||
margin: 0.5rem;
|
||||
margin: 0.25rem;
|
||||
padding: 1rem 1.5rem;
|
||||
text-align: left;
|
||||
|
||||
&.padded {
|
||||
padding: 1rem 2.5rem;
|
||||
padding: 0.75rem 2.5rem;
|
||||
|
||||
> div {
|
||||
margin: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.error {
|
||||
@ -83,12 +95,6 @@ summary {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* header {
|
||||
background: #f5f5f5;
|
||||
margin: -1em -2em 2em;
|
||||
padding: 1em 2em 0;
|
||||
} */
|
||||
|
||||
header+header,
|
||||
header+summary,
|
||||
summary+header {
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
border: 1px dashed #eee;
|
||||
box-sizing: border-box;
|
||||
line-height: 1rem;
|
||||
margin-bottom: 0.5em;
|
||||
margin: 0.25rem;
|
||||
padding: .75rem 1rem;
|
||||
position: relative;
|
||||
word-wrap: break-word;
|
||||
@ -138,7 +138,6 @@ header .ui--Button-Group {
|
||||
}
|
||||
|
||||
.ui--AddressSummary-data * {
|
||||
/* margin: 0 0.25rem !important; */
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -226,6 +225,10 @@ header .ui--Button-Group {
|
||||
margin-left: 0.25rem !important;
|
||||
}
|
||||
|
||||
.ui--DropdownLinked-Items {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.ui--Input {
|
||||
&.disabled {
|
||||
overflow: hidden;
|
||||
@ -266,15 +269,6 @@ header .ui--Button-Group {
|
||||
}
|
||||
}
|
||||
|
||||
.ui--label {
|
||||
box-sizing: border-box;
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0.5rem;
|
||||
opacity: 0.75;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.ui--Labelled {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
@ -284,8 +278,8 @@ header .ui--Button-Group {
|
||||
&.label-small {
|
||||
display: block;
|
||||
|
||||
> .ui--label {
|
||||
margin-bottom: 0;
|
||||
> label {
|
||||
margin: 0;
|
||||
min-width: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
@ -297,9 +291,10 @@ header .ui--Button-Group {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
> .ui--label {
|
||||
> label {
|
||||
flex: 0 0 15rem;
|
||||
min-width: 15rem;
|
||||
padding-right: 0.5rem;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
@ -9,7 +9,6 @@
|
||||
}
|
||||
|
||||
.ui.dropdown {
|
||||
/* from .ui.fluid.dropdown */
|
||||
display: block;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
@ -17,14 +16,12 @@
|
||||
|
||||
.ui.dropdown,
|
||||
.ui.input {
|
||||
/* bottom margin for all inputs */
|
||||
margin-bottom: 0.5rem;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.ui.dropdown {
|
||||
&.disabled {
|
||||
background: #fefefe;
|
||||
/* border-color: transparent; */
|
||||
border-color: #eee;
|
||||
border-style: dashed;
|
||||
opacity: 1;
|
||||
@ -157,13 +154,11 @@
|
||||
|
||||
.ui.menu.tabular {
|
||||
background: #f2f2f2;
|
||||
/* border-color: white; */
|
||||
/* break out of the wrapping main padding */
|
||||
margin: -1em -2em 0;
|
||||
padding: 1em 2em 0;
|
||||
|
||||
.item.active {
|
||||
background: #fafafa;
|
||||
/* border-color: white; */
|
||||
}
|
||||
}
|
||||
|
||||
@ -68,11 +68,6 @@
|
||||
background-color: $progress-bar-color;
|
||||
}
|
||||
|
||||
/*
|
||||
.ui.input > input:focus {
|
||||
border-color: $anchor-color;
|
||||
}*/
|
||||
|
||||
.ui--IdentityIcon .container.highlight:before {
|
||||
box-shadow: 0 0 5px 2px $wild-orchid;
|
||||
}
|
||||
|
||||
@ -31,8 +31,8 @@
|
||||
"homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.2.0",
|
||||
"@polkadot/api": "^0.41.2",
|
||||
"@polkadot/types": "^0.41.2",
|
||||
"@polkadot/api": "^0.41.3",
|
||||
"@polkadot/types": "^0.41.3",
|
||||
"rxjs-compat": "^6.3.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -42,7 +42,7 @@ class Transfer extends React.PureComponent<Props, State> {
|
||||
};
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps ({ amount, recipientId, balances_votingBalance = ZERO_BALANCE, fees, onChange }: Props): State {
|
||||
static getDerivedStateFromProps ({ amount, balances_votingBalance = ZERO_BALANCE, fees, onChange }: Props): State {
|
||||
let extraFees = fees.transferFee;
|
||||
|
||||
if (balances_votingBalance.votingBalance.isZero()) {
|
||||
@ -76,7 +76,7 @@ class Transfer extends React.PureComponent<Props, State> {
|
||||
<>
|
||||
{
|
||||
isNoEffect
|
||||
? <div><Icon name='warning sign' />{t('The final recipient amount is less than the existential amount, hence the total will be deducted from the sender, however the recipient account will not reflect the amount sent')}</div>
|
||||
? <div><Icon name='warning sign' />{t('The final recipient balance is less than the existential amount and will not be reflected')}</div>
|
||||
: undefined
|
||||
}
|
||||
{
|
||||
|
||||
@ -141,7 +141,7 @@ class FeeDisplay extends React.PureComponent<Props, State> {
|
||||
{
|
||||
hasAvailable
|
||||
? undefined
|
||||
: <div><Icon name='ban' />{t('The account does not have the required funds available for this transaction with the current provided values')}</div>
|
||||
: <div><Icon name='ban' />{t('The account does not have the required balance available for this transaction')}</div>
|
||||
}
|
||||
{
|
||||
overLimit
|
||||
|
||||
@ -31,14 +31,16 @@ class Transaction extends React.PureComponent<Props> {
|
||||
<>
|
||||
<Modal.Header>
|
||||
{section}.{method}
|
||||
<div className='ui--label'>{meta.documentation.join(' ')}</div>
|
||||
<label>{
|
||||
meta && meta.documentation
|
||||
? meta.documentation.join(' ')
|
||||
: ''
|
||||
}</label>
|
||||
</Modal.Header>
|
||||
<Modal.Content className='ui--signer-Signer-Content'>
|
||||
<Call value={extrinsic} />
|
||||
<div className='ui--signer-Signer-children'>
|
||||
{this.renderAccount()}
|
||||
{children}
|
||||
</div>
|
||||
{this.renderAccount()}
|
||||
{children}
|
||||
{this.renderChecks()}
|
||||
</Modal.Content>
|
||||
</>
|
||||
|
||||
@ -11,10 +11,6 @@
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.ui--signer-Signer-children {
|
||||
padding: 0.25rem 0 0 0;
|
||||
}
|
||||
|
||||
.ui--signer-Signer-Content .expanded {
|
||||
h3 {
|
||||
margin-bottom: 0.75rem;
|
||||
|
||||
104
yarn.lock
104
yarn.lock
@ -1385,31 +1385,31 @@
|
||||
resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
|
||||
integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
|
||||
|
||||
"@polkadot/api-derive@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-derive/-/api-derive-0.41.2.tgz#a11ad6770df6a0c0c6d10ea9de30bb4413191963"
|
||||
integrity sha512-jtCBQsavRG9SjMxmj2ulL3nNERGeHJtgbJ8I1WkhhOBwv/VSfguJtRo8WkfsIW4UtrGvU41KFckFDs3Z9whB4A==
|
||||
"@polkadot/api-derive@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-derive/-/api-derive-0.41.3.tgz#b124cd005a144366bf3f6e742f93461c5ec5b78d"
|
||||
integrity sha512-JxnhhdtU5FzrsMty518+QGwNrNk9QHe3HoQbf4ITVIgPQLb3BAnOb2QBv14XAI9HJ+UgD9e40oPeMR7xcy/mCg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/api" "^0.41.2"
|
||||
"@polkadot/types" "^0.41.2"
|
||||
"@polkadot/api" "^0.41.3"
|
||||
"@polkadot/types" "^0.41.3"
|
||||
"@types/memoizee" "^0.4.2"
|
||||
"@types/rx" "^4.1.1"
|
||||
memoizee "^0.4.14"
|
||||
rxjs "^6.3.3"
|
||||
|
||||
"@polkadot/api@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.41.2.tgz#3c6f13953b62757181ba89c7b1da234e02bba1ba"
|
||||
integrity sha512-UGzAtuN6mehMKveXVSe/chvxc7TdfhunR73pg0q+9HgnZs/PGqGqFck4q7xT4gbeVXnVLvPCF7NekkDigVyx0g==
|
||||
"@polkadot/api@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.41.3.tgz#c763a5b2c354bae9a88c4dc843ebd127fd4d897b"
|
||||
integrity sha512-ZT750O8ylwFrLDN+B7Kq9inAWFoAK/XtAtzH98U1t5FwJs1ys+tkw9JyZobCrQfj67Bw7wSAIjWU16KT6yDVKg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/api-derive" "^0.41.2"
|
||||
"@polkadot/extrinsics" "^0.41.2"
|
||||
"@polkadot/rpc-provider" "^0.41.2"
|
||||
"@polkadot/rpc-rx" "^0.41.2"
|
||||
"@polkadot/storage" "^0.41.2"
|
||||
"@polkadot/types" "^0.41.2"
|
||||
"@polkadot/api-derive" "^0.41.3"
|
||||
"@polkadot/extrinsics" "^0.41.3"
|
||||
"@polkadot/rpc-provider" "^0.41.3"
|
||||
"@polkadot/rpc-rx" "^0.41.3"
|
||||
"@polkadot/storage" "^0.41.3"
|
||||
"@polkadot/types" "^0.41.3"
|
||||
"@types/rx" "^4.1.1"
|
||||
rxjs "^6.3.3"
|
||||
|
||||
@ -1489,19 +1489,19 @@
|
||||
typedoc-plugin-no-inherit "^1.1.2"
|
||||
typescript "^3.2.2"
|
||||
|
||||
"@polkadot/extrinsics@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.41.2.tgz#25f1e8c6f895e0cae9d98a4f8e4839a49b2f7810"
|
||||
integrity sha512-5sMwMUlPvokArmQrguOhElNpf7zGWZsherte+grdXMypnbNIdP6v3+ps4ms5lw1gAchil5LmnGHSHRbITyzooQ==
|
||||
"@polkadot/extrinsics@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.41.3.tgz#51d3189c33f006b2f78e1db8d74e8dc0408ede51"
|
||||
integrity sha512-zK6JuiE7gyxRHJZit/CQCACsehpBiGr+dUhOKE4lqOfFiqI/oy7ypdWVeEXSIvII4ZZbo4Uakch4D2+GmWTNpQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/types" "^0.41.2"
|
||||
"@polkadot/types" "^0.41.3"
|
||||
"@polkadot/util" "^0.33.36"
|
||||
|
||||
"@polkadot/jsonrpc@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.41.2.tgz#d0db4b85e36f02626975f7564f51e17e932c5a41"
|
||||
integrity sha512-Rk4AS0Wvx9+hdYINiqcrp6GnXnzb1/Tc2xx0IREGU63PsSea0Lr65TmotYOPEhp0T6MFF5HzLuNdt44WJV0EPw==
|
||||
"@polkadot/jsonrpc@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.41.3.tgz#3fe9c9021d22da6d028c702ef0405690ed8aaf2c"
|
||||
integrity sha512-YoVSUbWkzel5YOzyTVqZJkVNqMjZO9AiZHmYBM/Ndsjp0wtyjUDLDknaSzziNClUbLit6+g1TZ0bexkWb5UKeA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
|
||||
@ -1516,25 +1516,25 @@
|
||||
"@types/bs58" "^4.0.0"
|
||||
bs58 "^4.0.1"
|
||||
|
||||
"@polkadot/rpc-core@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-core/-/rpc-core-0.41.2.tgz#8958b23acfc13839f8f0767885fa0af66c9cbf41"
|
||||
integrity sha512-JUTDOfarscEpATa4+L6egXAN+6Bysk2WCvKh5X81+ZVBRghcL3/Mz8ugJWdKPjyf5v9OmYYaXCwXXrTxczfo/A==
|
||||
"@polkadot/rpc-core@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-core/-/rpc-core-0.41.3.tgz#2a20d6d652341ca043ccdda791ce40271b2cf4cb"
|
||||
integrity sha512-lSi+CkxVHEHrfPdcWzfoM+GHyX9nKq1ix7CdaOCo+H7WiEBUIqd4aTdWF/Ph5KElxRSO6xADmSLCdYXuwo6XBw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/jsonrpc" "^0.41.2"
|
||||
"@polkadot/rpc-provider" "^0.41.2"
|
||||
"@polkadot/types" "^0.41.2"
|
||||
"@polkadot/jsonrpc" "^0.41.3"
|
||||
"@polkadot/rpc-provider" "^0.41.3"
|
||||
"@polkadot/types" "^0.41.3"
|
||||
"@polkadot/util" "^0.33.36"
|
||||
|
||||
"@polkadot/rpc-provider@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-provider/-/rpc-provider-0.41.2.tgz#f135c5a8ae297b917cba67c1ef2273ed0d11b179"
|
||||
integrity sha512-2aWFwYwPQK+SXGbxJ6QMzheM0W+d3PExiDn3+C+TjVRfJif/+FAqPTxXc2qRMVL3p0TH64MKcHRibgA8LMv4+A==
|
||||
"@polkadot/rpc-provider@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-provider/-/rpc-provider-0.41.3.tgz#51b0cea3cd13b33030a9f009ec7c10e77f487660"
|
||||
integrity sha512-QBYVjykZwngM2HkyDH5M2M5x5G6z0kVkpKqdowMd3bgK0RflYoXhbpAvWOVwY00Buo6mi+r9szzKtvroqr1Ueg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/keyring" "^0.33.36"
|
||||
"@polkadot/storage" "^0.41.2"
|
||||
"@polkadot/storage" "^0.41.3"
|
||||
"@polkadot/util" "^0.33.36"
|
||||
"@polkadot/util-crypto" "^0.33.36"
|
||||
"@types/nock" "^9.3.0"
|
||||
@ -1542,25 +1542,25 @@
|
||||
isomorphic-fetch "^2.2.1"
|
||||
websocket "^1.0.28"
|
||||
|
||||
"@polkadot/rpc-rx@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-rx/-/rpc-rx-0.41.2.tgz#16a50df2baaac3da2ce814847288a077dc6263fa"
|
||||
integrity sha512-LSwGCP4IWLzyUfLTcLQL2GRpeybjEmIVWp8s6WcnqAZKqD2XlzH3YN5rIgaJ46PEOjM3jKMgvFH72bblm/egKw==
|
||||
"@polkadot/rpc-rx@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/rpc-rx/-/rpc-rx-0.41.3.tgz#40ff568f04d1630d41c5ea8b21075965373094ff"
|
||||
integrity sha512-SPMSz3TmzqRacRP5MYoPUn7NNp5c824cALraf0+53Ne2V3uSbHyRsdTrfaN9uPE6S6iLlbJ2AtlBTzqmZST0sQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/rpc-core" "^0.41.2"
|
||||
"@polkadot/rpc-provider" "^0.41.2"
|
||||
"@polkadot/rpc-core" "^0.41.3"
|
||||
"@polkadot/rpc-provider" "^0.41.3"
|
||||
"@types/rx" "^4.1.1"
|
||||
rxjs "^6.3.3"
|
||||
|
||||
"@polkadot/storage@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.41.2.tgz#c89d386d92af255f3b00d280fd9dda3850ffc684"
|
||||
integrity sha512-PipjGLmB0ZwiQop/kmexyNsogNhV13SJVs3ND7DaFfMMbk8tNAvjs8FyFpxKhPQPFHxPJp96fIaywoSjuW5Zkw==
|
||||
"@polkadot/storage@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.41.3.tgz#c4c0fb63c6b122943a459373b918f40e38742982"
|
||||
integrity sha512-awGiAv0k2CG7Fe4u9bQWC8IDv+mtxO4WCxVIwmwFoFWO5Tgnx/cNXcTKzfCRZDxuZyJzFsTPpsoTRDy0/Xmm2g==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/keyring" "^0.33.36"
|
||||
"@polkadot/types" "^0.41.2"
|
||||
"@polkadot/types" "^0.41.3"
|
||||
"@polkadot/util" "^0.33.36"
|
||||
"@polkadot/util-crypto" "^0.33.36"
|
||||
|
||||
@ -1569,10 +1569,10 @@
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/ts/-/ts-0.1.52.tgz#6fb09e494d244dad4b3a9ca581bfe13beec66565"
|
||||
integrity sha512-sij1O0x4CY51A394RYD4/aQwDPwIxIeTOpYI4AZgdF/vq5nvF14b4XFq9vAcSnblaIosf0sYKoz1f3dkN3QqLw==
|
||||
|
||||
"@polkadot/types@^0.41.2":
|
||||
version "0.41.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/types/-/types-0.41.2.tgz#cf0d3535ca2df03f6d9e2a514bd7e65f0cec0f2c"
|
||||
integrity sha512-8dpOTcd1FDi321CJ5Oz+bkGkNCcmrFMi0fHyWC6EXR6Q+UktfGFr+FiebzoYgBwpkvH49RMCIzbo9g48jMBjFg==
|
||||
"@polkadot/types@^0.41.3":
|
||||
version "0.41.3"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/types/-/types-0.41.3.tgz#79b063765ee720e7298e90e007a72f8bb875e204"
|
||||
integrity sha512-KnjHZs+Z4WytLFWBh8V3BmDsEfOXWP+jZKlyysN2lTxvmIr8OelAowDx7WjSrGRefqltT5q3cz+61NFZJwMBcg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.2.0"
|
||||
"@polkadot/keyring" "^0.33.36"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user