@r3l/app/lib/modules/wallet/walletLinks.js

Relevant App

"use strict";

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

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

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

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

var _styles = require("../../styles");

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

var _navigation = require("../navigation/navigation.actions");

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

var _common = require("@r3l/common");

var _tooltip = _interopRequireDefault(require("../tooltip/tooltip.component"));

var _auth = require("../auth/auth.actions");

var _alert = require("../../utils/alert");

function WalletLinks() {
  var dispatch = (0, _reactRedux.useDispatch)();
  var exchageUrl = (0, _price.exchangeLink)();
  var user = (0, _reactRedux.useSelector)(function (state) {
    return state.auth.user;
  });
  var isManualBet = user.notificationSettings.bet.manual;

  var toggleManualBet = function toggleManualBet() {
    dispatch((0, _auth.updateNotificationSettings)({
      bet: {
        manual: !isManualBet
      }
    }));
  };

  function claimTokens() {
    return _styles.isNative ? (0, _alert.Alert)().alert('you can claim tokens via the Relevant browser app on https://relevant.community') : dispatch((0, _navigation.showModal)('cashOut'));
  }

  return /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mt: 2,
      flexWrap: 'wrap',
      alignItems: 'baseline'
    }
  }, _styles.isNative && /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    name: "coinInfo",
    data: {
      text: "You can get more coins or transfer up to ".concat(_common.CASHOUT_MAX, " coins to your your Metamask wallet via the browser app on https://relevant.community.")
    }
  }), /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue',
      mr: 0.5
    }
  }, "Manage Coins")), !_styles.isNative && /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Touchable, {
    onPress: claimTokens,
    td: 'underline'
  }, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue'
    }
  }, "Claim Tokens")), /*#__PURE__*/_react.default.createElement(_styled.Box, {
    sx: {
      mr: 3.99
    }
  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    info: true,
    data: {
      text: "You can transfer up to ".concat(_common.CASHOUT_MAX, " coins to your your Metamask wallet.\n(You cannot transfer coins you got for refferrals and verifying social accounts.)")
    }
  })), !_styles.isNative && /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    data: {
      text: "If you have Relevant tokens in your Metamask wallet, you need to connect your account to be able to use them."
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Touchable, {
    style: {
      zIndex: 1
    },
    onPress: function onPress() {
      return dispatch((0, _navigation.showModal)('connectMetamask'));
    },
    td: 'underline'
  }, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue'
    }
  }, "Connect Your Wallet")))), (0, _price.tokenEnabled)() && !_styles.isNative && /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.InlineLink, {
    to: exchageUrl,
    external: true,
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue',
      mr: 4.0001
    },
    onPress: function onPress() {
      dispatch((0, _navigation.goToUrl)(exchageUrl));
    }
  }, "Get more coins"))), /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    data: {
      text: "When you upvote posts you also bet coins on them. How much you bet can be decided automatically or manualy."
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Touchable, {
    style: {
      zIndex: 1
    },
    onPress: toggleManualBet,
    td: 'underline'
  }, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue'
    }
  }, isManualBet ? 'Disable' : 'Enable', " Betting Mode")))), !_styles.isNative && /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mr: [1, 2],
      mt: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    data: {
      text: "Staking and Vesting Interface. Use it to stake REL in order to earn rewards in the app and manage your vested tokens."
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.InlineLink, {
    to: 'https://stake.relevant.community',
    external: true,
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
    sx: {
      color: 'blue',
      mr: 4.0001
    } // onPress={() => {
    //   dispatch(goToUrl('stake.relevant.community'));
    // }}

  }, "Staking & Vesting")))));
}
//# sourceMappingURL=walletLinks.js.map