@stokr/components-library
Version:
STOKR - Components Library
84 lines (83 loc) • 5.14 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Modal = require("../Modal/Modal");
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
var _Grid = require("../Grid/Grid.styles");
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
var _Table = _interopRequireDefault(require("../AdminDashboard/Table/Table"));
var _ROI = require("./ROI.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ROIModal = _ref => {
let {
isModalOpen,
onModalClose
} = _ref;
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
isOpen: isModalOpen,
onClose: onModalClose
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "COMPANY RELATED METRICS")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, {
offset: -32,
autoHeight: true,
autoHeightMin: 200,
autoHeightMax: 400
}, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ROI.Label, null, "INDUSTRY AVERAGE"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemsRow, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "PROCE-TO-EARNING RATIO"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "3.00"))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "RETURN ON EQUITY (ROE)"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "\u20AC 200,000"))))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ROI.Label, null, "COMPANY DATA"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemsRow, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "COMPANY VALUATION"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "\u20AC 300,000"))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "SHARE OF TOKEN SUPPLY SOLD DURING STO"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "\u20AC 200,000"))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "INITIAL TOKEN PRICE"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "\u20AC 1.00"))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "Revenue share RATE"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "66.7%"))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
part: 1,
full: 3
}, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContainer, null, /*#__PURE__*/_react.default.createElement(_ROI.ROIItemTitle, null, "Revenue share PER TOKEN"), /*#__PURE__*/_react.default.createElement(_ROI.ROIItemContent, null, "0.000333%"))))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_Table.default, {
columns: [{
key: 'period',
label: 'PERIOD',
width: '24%'
}, {
key: 'profit_payout',
label: 'PROFIT PAYOUT RATIO',
width: '36%'
}, {
key: 'earnings',
label: 'COMPANY EARNINGS FORECAST (MLN)',
width: '40%'
}],
data: [...Array(10).fill({})].map((_, index) => ({
id: index,
period: "YEAR ".concat(index + 1),
profit_payout: "".concat(4 * (index + 1), "%"),
earnings: "\u20AC ".concat(Number(0.01 * 0.4 * (index + 1)).toFixed(2))
})),
noScroll: true
})))));
};
ROIModal.propTypes = {
isModalOpen: _propTypes.default.bool.isRequired,
onModalClose: _propTypes.default.func.isRequired
};
var _default = exports.default = ROIModal;