@r3l/app/lib/modules/ui/web/onboardingModal.js

Relevant App

"use strict";

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

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

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

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

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

var coin = require("../../../../public/img/relevantcoin.png");

var upvote = require("../../../../public/img/upvote.png");

var OnboardingModal = function OnboardingModal(props) {
  return /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mt: 6
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Image, {
    resizeMode: 'contain',
    sx: {
      width: 2.8 * 8,
      height: 2.8 * 8,
      mr: 0.75 * 8.01
    },
    source: require("../../../../public/img/r-emoji.png")
  }), /*#__PURE__*/_react.default.createElement(_styled.Title, null, "Build Trust")), /*#__PURE__*/_react.default.createElement(_styled.Text, {
    sx: {
      mt: 1,
      fontSize: 2
    }
  }, "Boost your Reputation by posting quality comments. As your Reputation grows so does your voting impact, and your earnings. The most reputable users become community leaders."), /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mt: 6
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Image, {
    resizeMode: 'contain',
    sx: {
      width: 2.8 * 8,
      height: 2.8 * 8,
      mr: 0.75 * 8.01
    },
    source: upvote
  }), /*#__PURE__*/_react.default.createElement(_styled.Title, null, "Curate Content")), /*#__PURE__*/_react.default.createElement(_styled.Text, {
    sx: {
      mt: 1,
      fontSize: 2
    }
  }, "Share links, upvote quality content and downvote spam."), /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mt: 6
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Image, {
    resizeMode: 'contain',
    sx: {
      width: 2.8 * 8,
      height: 2.8 * 8,
      mr: 0.75 * 8.01
    },
    source: coin
  }), /*#__PURE__*/_react.default.createElement(_styled.Title, null, "Get Rewards")), /*#__PURE__*/_react.default.createElement(_styled.Text, {
    sx: {
      mt: 1,
      fontSize: 2
    }
  }, "Earn coins for upvoting quality links. Coins can be traded in for Relevant Tokens that represent ownership in the platform."), /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      alignItems: 'flex-start',
      mt: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Button, {
    onPress: function onPress() {
      return props.close();
    }
  }, "Got It")));
};

OnboardingModal.propTypes = {
  close: _propTypes.default.func
};
var _default = OnboardingModal;
exports.default = _default;
//# sourceMappingURL=onboardingModal.js.map