ghost-portal/packages/ui-reactive/src/TimeNow.tsx
Amaury Martiny b40ae36f6c
Allow exports of dumb components (#953)
* Dumb exports ui-reactive

* Dumb exports ui-signer/Checks
2019-04-10 19:00:36 +02:00

37 lines
927 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 { Moment } from '@polkadot/types';
import { withCall } from '@polkadot/ui-api';
import Elapsed from './Elapsed';
type Props = BareProps & CallProps & {
children?: React.ReactNode,
label?: string,
timestamp_now?: Moment
};
export class TimeNow extends React.PureComponent<Props> {
render () {
const { children, className, label = '', style, timestamp_now } = this.props;
return (
<div
className={className}
style={style}
>
{label}
<Elapsed value={timestamp_now} />
{children}
</div>
);
}
}
export default withCall('query.timestamp.now')(TimeNow);