ghost-portal/packages/react-query/src/BestNumber.tsx
Jaco Greeff 66ca8ea61e
Hygiene, some additional type -> interface (#1552)
* Higene, some additional type -> interface

* Liniting
2019-08-28 12:52:48 +02:00

39 lines
1.1 KiB
TypeScript

/* eslint-disable @typescript-eslint/camelcase */
// Copyright 2017-2019 @polkadot/react-query 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/react-api/types';
import { BlockNumber } from '@polkadot/types/interfaces';
import React from 'react';
import { withCalls } from '@polkadot/react-api';
import { formatNumber } from '@polkadot/util';
interface Props extends BareProps, CallProps {
children?: React.ReactNode;
label?: React.ReactNode;
chain_bestNumber?: BlockNumber;
}
export class BestNumber extends React.PureComponent<Props> {
public render (): React.ReactNode {
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 withCalls<Props>('derive.chain.bestNumber')(BestNumber);