@r3l/app/lib/modules/post/vote-buttons/postrank.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 _react = _interopRequireWildcard(require("react"));

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

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

var _coinStat = _interopRequireDefault(require("../../stats/coinStat.component"));

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

var _reactNativeWeb = require("react-native-web");

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

PostRank.propTypes = {
  horizontal: _propTypes.default.bool,
  color: _propTypes.default.string,
  post: _propTypes.default.object
};

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

exports.default = _default;

function PostRank(_ref) {
  var _post$data, _post$data2, _post$data3, _post$data4, _post$data5, _post$data6;

  var horizontal = _ref.horizontal,
      color = _ref.color,
      post = _ref.post;
  var tipText = "Ranking: ".concat(Math.round(post === null || post === void 0 ? void 0 : (_post$data = post.data) === null || _post$data === void 0 ? void 0 : _post$data.pagerank) || 0, " (out of 100)\nVotes: ").concat((post === null || post === void 0 ? void 0 : (_post$data2 = post.data) === null || _post$data2 === void 0 ? void 0 : _post$data2.upVotes) - (post === null || post === void 0 ? void 0 : (_post$data3 = post.data) === null || _post$data3 === void 0 ? void 0 : _post$data3.downVotes) || 0);
  var tooltipData = {
    text: tipText,
    position: horizontal ? 'top' : 'right'
  }; // const postRank = post.data
  //   ? Math.round(post?.data?.pagerank) + post?.data?.upVotes - post?.data?.downVotes
  //   : 0;
  // const votes = post.data ? post?.data?.upVotes - post?.data?.downVotes : 0;

  var postRank = Math.round(post === null || post === void 0 ? void 0 : (_post$data4 = post.data) === null || _post$data4 === void 0 ? void 0 : _post$data4.pagerank);
  return /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      mx: horizontal ? 1 : 0,
      height: horizontal ? 2 : 5,
      minWidth: horizontal ? 9 : null,
      justifyContent: 'center',
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    name: "vote",
    data: tooltipData
  }), /*#__PURE__*/_react.default.createElement(_styled.SmallText, {
    sx: {
      color: color || 'grey'
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.Image, {
    resizeMode: 'contain',
    style: {
      width: 10.01,
      height: 10.01,
      opacity: 0.5,
      tintColor: _reactNativeWeb.Platform.OS === 'android' ? 'hsla(0,0%,0%,.5)' : null,
      // for some reason opacity doesn't work on android
      transform: [{
        translateY: 0.5
      }]
    },
    source: require("../../../../public/img/r.png")
  }), /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      width: 1.0001,
      height: 0
    }
  }), postRank || 0, post !== null && post !== void 0 && (_post$data5 = post.data) !== null && _post$data5 !== void 0 && _post$data5.balance ? /*#__PURE__*/_react.default.createElement(_styled.SmallText, null, '  ', /*#__PURE__*/_react.default.createElement(_coinStat.default, {
    noSpace: true,
    spaceBetween: 2,
    secondary: true,
    inline: true,
    size: 1,
    fs: 1.5,
    amount: post === null || post === void 0 ? void 0 : (_post$data6 = post.data) === null || _post$data6 === void 0 ? void 0 : _post$data6.balance
  })) : null));
}
//# sourceMappingURL=postrank.js.map