ghost-portal/packages/ui-reactive/src/BestNumber.tsx
2019-04-02 15:12:58 +02:00

38 lines
1011 B
TypeScript

// 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 { BlockNumber } from '@polkadot/types';
import { withCall } from '@polkadot/ui-api';
import { formatNumber } from '@polkadot/util';
type Props = BareProps & CallProps & {
children?: React.ReactNode,
label?: string,
chain_bestNumber?: BlockNumber
};
class BestNumber extends React.PureComponent<Props> {
render () {
const { children, className, label = '', style, chain_bestNumber } = this.props;
return (
<div
className={className}
style={style}
>
{label}{
chain_bestNumber
? formatNumber(chain_bestNumber)
: '-'
}{children}
</div>
);
}
}
export default withCall('derive.chain.bestNumber')(BestNumber);