@polkadot/react-query/TimeNow.js

A collection of RxJs React components the Polkadot JS API

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TimeNow;

var _react = _interopRequireWildcard(require("react"));

var _reactHooks = require("@polkadot/react-hooks");

var _Elapsed = _interopRequireDefault(require("./Elapsed"));

// Copyright 2017-2020 @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.
function TimeNow({
  children,
  className,
  label,
  style
}) {
  const {
    api,
    isSubstrateV2
  } = (0, _reactHooks.useApi)();
  const timestamp = (0, _reactHooks.useCall)(api.query.timestamp.now, []);
  const [now, setNow] = (0, _react.useState)();
  (0, _react.useEffect)(() => {
    setNow(isSubstrateV2 || !timestamp ? timestamp : timestamp.muln(1000));
  }, [timestamp, isSubstrateV2]);
  return _react.default.createElement("div", {
    className: className,
    style: style
  }, label || '', _react.default.createElement(_Elapsed.default, {
    value: now
  }), children);
}