@r3l/app/lib/modules/wallet/web/connectMetamaskModal.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 = AddEthAddress;

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

var _reactRedux = require("react-redux");

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

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

var _web3Warning = _interopRequireDefault(require("./web3Warning/web3Warning.component"));

var _web3Warning2 = require("./web3Warning/web3Warning.hooks");

var _wallet = require("../wallet.actions");

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

var _cashoutFooter = require("./cashoutFooter");

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

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

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; }

AddEthAddress.propTypes = {
  close: _propTypes.default.func
};

function AddEthAddress(_ref) {
  var close = _ref.close;
  (0, _hooks.useWeb3)();

  var _useWeb3React = (0, _hooks.useWeb3React)(),
      account = _useWeb3React.account;

  var dispatch = (0, _reactRedux.useDispatch)();
  var user = (0, _reactRedux.useSelector)(function (state) {
    return state.auth.user;
  });
  var canClaim = user.balance - (user.airdropTokens || 0);
  var warning = (0, _web3Warning2.useCurrentWarning)({
    user: user,
    canClaim: canClaim
  });
  var title = warning ? 'Connect Your Ethereum Wallet' : 'Ethereum Address is Connected';
  return /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.Title, null, title), warning ? /*#__PURE__*/_react.default.createElement(_web3Warning.default, {
    connectAddress: function connectAddress() {
      return dispatch((0, _wallet.connectAddress)(account));
    },
    warning: warning
  }) : /*#__PURE__*/_react.default.createElement(Connected, {
    close: close,
    account: account
  }));
}

Connected.propTypes = {
  account: _propTypes.default.string
};

function Connected(_ref2) {
  var account = _ref2.account;

  var _useRelParam = (0, _hooks.useRelParam)('balanceOf', [account]),
      _useRelParam$res = _useRelParam.res,
      balanceBN = _useRelParam$res === void 0 ? 0 : _useRelParam$res;

  var _useSRelParam = (0, _hooks.useSRelParam)('staked', [account]),
      _useSRelParam$res = _useSRelParam.res,
      sRelbalanceBN = _useSRelParam$res === void 0 ? 0 : _useSRelParam$res;

  var balance = (0, _utils.fromBNDec)(balanceBN);
  var sRelBalance = (0, _utils.fromBNDec)(sRelbalanceBN);
  var usdAmount = (0, _price.usePrice)(balance, 'number');
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
    sx: {
      mt: 4
    }
  }, "Connected account: ", account), /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
    sx: {
      mt: 2
    }
  }, "Balance in Ethereum wallet: ", balance, " REL", usdAmount ? " ($".concat(usdAmount, ")") : null, ",", ' ', sRelBalance, " sRel"), /*#__PURE__*/_react.default.createElement(_cashoutFooter.CashoutFooter, null));
}
//# sourceMappingURL=connectMetamaskModal.js.map