@r3l/app/lib/modules/stats/coinStat.component.js

Relevant App

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _numbers = require("../../utils/numbers");

var _propValidation = require("../../utils/propValidation");

var _price = require("../wallet/price.context");

var _styled = require("../styled");

var _hooks = require("../../web3/hooks");

var _utils = require("../../web3/utils");

var _excluded = ["user", "isOwner", "wallet", "size", "amount", "mr", "align", "noNumber", "secondary", "fs", "lh", "inline", "c", "spaceBetween", "showPrice", "noSpace"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

// import { userOnline } from 'app/core/actions';
var coinImage = require("../../../public/img/relevantcoin.png");

function CoinStat(props) {
  var user = props.user,
      isOwner = props.isOwner,
      wallet = props.wallet,
      _props$size = props.size,
      size = _props$size === void 0 ? 3 : _props$size,
      amount = props.amount,
      mr = props.mr,
      align = props.align,
      noNumber = props.noNumber,
      secondary = props.secondary,
      fs = props.fs,
      lh = props.lh,
      inline = props.inline,
      c = props.c,
      spaceBetween = props.spaceBetween,
      showPrice = props.showPrice,
      noSpace = props.noSpace,
      rest = (0, _objectWithoutProperties2.default)(props, _excluded); // const relBalance = useRelBalance();
  // const sRelBalanace = useSRelBalance();

  var tokens;
  if (typeof amount === 'number') tokens = amount;else if (user) {
    tokens = user.balance + user.pendingCashout;
    if (user.fullTokenBalance) tokens += user.fullTokenBalance;
  }
  var usdValue = (0, _price.usePrice)(tokens); // if (isOwner && user.ethAddress && user.ethAddress[0] && relBalance && sRelBalanace) {
  //   tokens = user.balance + parseFloat(formatUnits(relBalance?.add(sRelBalanace)));
  // }

  var NumberStyle = secondary ? _styled.SecondaryText : _styled.NumericalValue;
  var imageMargin = align === 'center' ? -1 : 1;
  var Wrapper = inline ? _styled.Text : _styled.Row;
  var spacer = typeof spaceBetween == 'number' ? spaceBetween : size;
  return /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({}, rest, {
    sx: {
      alignItems: align || 'center',
      mr: mr === 'number' ? mr : inline ? 0 : 1.5
    }
  }), /*#__PURE__*/_react.default.createElement(_styled.Image, {
    source: coinImage,
    sx: {
      height: size,
      width: size,
      transform: [{
        translateY: imageMargin
      }]
    },
    resizeMode: "contain"
  }), noNumber ? null : /*#__PURE__*/_react.default.createElement(NumberStyle, {
    sx: {
      color: c,
      fontSize: 8.001 * fs || 2,
      lineHeight: 8.001 * lh || 2
    }
  }, noSpace ? '' : ' ', /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      width: spacer + 0.0001,
      height: 0
    }
  }), (0, _numbers.abbreviateNumber)(tokens), showPrice ? usdValue : ''));
}

CoinStat.propTypes = {
  lh: _propTypes.default.number,
  inline: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number]),
  secondary: _propTypes.default.bool,
  mr: _propTypes.default.number,
  fs: _propTypes.default.number,
  amount: _propTypes.default.number,
  size: _propTypes.default.number,
  user: _propValidation.userProps,
  isOwner: _propTypes.default.bool,
  wallet: _propTypes.default.object,
  align: _propTypes.default.string,
  lineheight: _propTypes.default.string,
  c: _propTypes.default.string,
  noNumber: _propTypes.default.bool,
  spaceBetween: _propTypes.default.number,
  showPrice: _propTypes.default.bool,
  noSpace: _propTypes.default.bool
};

var _default = /*#__PURE__*/(0, _react.memo)(CoinStat);

exports.default = _default;
//# sourceMappingURL=coinStat.component.js.map