@polkadot/react-query/BestNumber.js

A collection of RxJs React components the Polkadot JS API

"use strict";

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

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

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

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

var _util = require("@polkadot/util");

// 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 BestNumber({
  children,
  className,
  label,
  style
}) {
  const {
    api,
    isApiReady
  } = (0, _reactHooks.useApi)();
  const bestNumber = (0, _reactHooks.useCall)(isApiReady ? api.derive.chain.bestNumber : undefined, []);
  return _react.default.createElement("div", {
    className: className,
    style: style
  }, label || '', bestNumber ? (0, _util.formatNumber)(bestNumber) : '-', children);
}