UNPKG

@r3l/app

Version:
212 lines (176 loc) 7.94 kB
"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 _triangle = _interopRequireDefault(require("../icons/triangle.component")); var _styled = require("../styled"); var _coinStat = _interopRequireDefault(require("../stats/coinStat.component")); var ActivityText = function ActivityText(_ref) { var activity = _ref.activity, amount = _ref.amount; var action = 'increased'; var also = 'also '; var triangleDirection = 'UP'; if (amount < 0) { action = 'decreased'; also = ''; triangleDirection = 'DOWN'; } // const postType = activity.post ? activity.post.type : 'comment'; var postType = 'comment'; var coin = activity.coin; var text = null; switch (activity.type) { case 'upvote': { var relText = null; var arrow = null; if (amount > 0) { arrow = ' → '; relText = /*#__PURE__*/_react.default.createElement(_styled.BodyText, { inline: 1 }, 'your reputation increased by ', /*#__PURE__*/_react.default.createElement(_triangle.default, { inline: 1, direction: triangleDirection }), "\xA0", "".concat(amount, "%")); } return [/*#__PURE__*/_react.default.createElement(_styled.BodyText, { key: 'action', inline: 1 }, "upvoted your ".concat(postType)), /*#__PURE__*/_react.default.createElement(_styled.BodyText, { key: 'arrow', inline: 1 }, arrow), /*#__PURE__*/_react.default.createElement(_styled.BodyText, { key: 'result', inline: 1 }, relText)]; } case 'upvoteParent': return /*#__PURE__*/_react.default.createElement(_styled.BodyText, { inline: 1 }, "upvoted a link you shared"); // downvote, partialUpvote, partialDownvote basicIncome are deprecated case 'downvote': return /*#__PURE__*/_react.default.createElement(_styled.BodyText, { inline: 1 }, "downvoted your ".concat(postType, " \u2192 your reputation decreased by "), /*#__PURE__*/_react.default.createElement(_triangle.default, { inline: 1, direction: triangleDirection }), " ".concat(amount, "%")); case 'partialUpvote': return /*#__PURE__*/_react.default.createElement(_styled.Text, { inline: 1 }, /*#__PURE__*/_react.default.createElement(_styled.BodyText, { inline: 1 }, "".concat(also, "upvoted this ").concat(postType, " \u2192 your reputation ").concat(action, " by "), /*#__PURE__*/_react.default.createElement(_triangle.default, { inline: 1, direction: triangleDirection }), " ".concat(amount, "%"))); case 'partialDownvote': return /*#__PURE__*/_react.default.createElement(_styled.Text, { inline: 1 }, /*#__PURE__*/_react.default.createElement(_styled.BodyText, { inline: 1 }, "".concat(also, "downvoted this ").concat(postType, " \u2192 your reputation ").concat(action, " by "), /*#__PURE__*/_react.default.createElement(_triangle.default, { inline: 1, direction: triangleDirection }), " ".concat(amount, "%"))); case 'basicIncome': text = "You got ".concat(coin, " extra coin").concat(activity.coin > 1 ? 's' : '', " so you can upvote more posts!"); break; case 'commentAlso': case 'postAlso': text = 'commented on a post'; // text = `commented on this ${postType}`; break; case 'comment': text = 'replied to your comment'; break; case 'repost': text = 'reposted your post'; break; case 'commentMention': case 'postMention': case 'mention': text = "mentioned you in a ".concat(postType); break; // text = 'mentioned you in a comment'; // break; case 'topPost': text = 'In case you missed this top-ranked post'; break; case 'reward': // text = `You earned ${coin} coins from this post`; return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, 'You earned '), /*#__PURE__*/_react.default.createElement(_coinStat.default, { spaceBetween: 1, inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0 }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, ' coins from upvoting this post')); case 'reward_twitter': case 'reward_email': // eslint-disable-next-line case 'reward_reddit': { var txt; if (activity.type === 'reward_twitter') txt = 'connecting your Twitter account'; if (activity.type === 'reward_email') txt = 'verifying your email'; if (activity.type === 'reward_reddit') txt = 'connecting your Reddit account'; return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, 'You got '), /*#__PURE__*/_react.default.createElement(_coinStat.default, { inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0 }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, " coins for ".concat(txt))); } case 'reward_referral': return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, 'signed up via your referral link, you got '), /*#__PURE__*/_react.default.createElement(_coinStat.default, { inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0 }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, ' coins for your referral')); case 'reward_publicLink': return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, 'signed up via your public link, you got '), /*#__PURE__*/_react.default.createElement(_coinStat.default, { inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0, slef: 'flex-end' }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, ' coins for your referral')); case 'reward_referredBy': return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, "gave you a referral, so you're getting started with an extra "), /*#__PURE__*/_react.default.createElement(_coinStat.default, { inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0 }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, ' coins and some reputation!')); case 'reward_publicInvite': return /*#__PURE__*/_react.default.createElement(_styled.Text, null, /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, "gave you a referral, so you're getting started with an extra "), /*#__PURE__*/_react.default.createElement(_coinStat.default, { inline: true, lh: 1.75, amount: Number(coin), mr: 0, ml: 0 }), /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, ' coins.')); default: if (activity.text) { text = activity.text; } } return /*#__PURE__*/_react.default.createElement(_styled.BodyText, null, text); }; ActivityText.propTypes = { activity: _propTypes.default.object, amount: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]) }; var _default = ActivityText; exports.default = _default; //# sourceMappingURL=activityText.component.js.map