@r3l/app
Version:
175 lines (153 loc) • 6.9 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = TokenPanel;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styled = _interopRequireDefault(require("@emotion/styled"));
var _numbers = require("../../../utils/numbers");
var _styled2 = require("../../styled");
var _eth = require("../../../utils/eth");
var _web = require("../../styled/web");
var _apollo = _interopRequireDefault(require("../../profile/apollo.demo"));
var _treasury = _interopRequireDefault(require("./treasury"));
var _hooks = require("../../../web3/hooks");
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; }
// const ParamsTable = styled.table`
// margin-top: 10px;
// margin-left: 20px;
// th,
// td {
// padding: 15px;
// text-align: left;
// }
// tr:nth-child(even) {
// background-color: #f8f8f8;
// }
// `;
// const AdminActions = styled.div`
// max-width: 280px;
// margin-top: 10px;
// `;
function TokenPanel() {
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_treasury.default, null), /*#__PURE__*/_react.default.createElement(_apollo.default, null), /*#__PURE__*/_react.default.createElement(ContractParams, null));
}
function ContractParams() {
(0, _hooks.useWeb3)();
var rel = (0, _hooks.useRel)();
var _useTx = (0, _hooks.useTx)(),
sendTx = _useTx.sendTx; // const { res: owner } = useRelParam('owner', []);
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.Button, {
onPress: function onPress() {
return sendTx(rel, 'releaseTokens', []);
}
}, "releaseTokens")); // const allocateRewards = () =>
// send(
// 'allocateRewards',
// { from: accounts[0] },
// formatBalanceWrite(allocateAmount, 18)
// );
// return (
// <View m={4}>
// <Title>Contract Params</Title>
// <View>
// <View>
// <SecondaryText>
// User address: {accounts && accounts[0] ? accounts[0] : 'Loading...'}
// </SecondaryText>
// <SecondaryText>
// User balance:{' '}
// {userBalance && userBalance.value
// ? parseBN(userBalance.value).toString()
// : 'Loading...'}
// </SecondaryText>
// {accounts && accounts[0] && (
// <AdminActions>
// <Button mr={'auto'} mt={4} onPress={() => releaseTokens()}>
// Release Tokens
// </Button>
// <View mt={4} fdirection="row" align={'flex-start'}>
// <Input
// mt={'0'}
// p={1.7}
// type="text"
// value={allocateAmount}
// onChange={(e) => setAllocateAmount(e.target.value)}
// />
// <Button mr={'auto'} onPress={() => allocateRewards()}>
// Allocate Rewards
// </Button>
// </View>
// </AdminActions>
// )}
// <BodyText>
// <ParamsTable>
// <tbody>
// <tr>
// <th>Method</th>
// <th>Value</th>
// </tr>
// </tbody>
// <tbody>
// {hasValue(getState) &&
// readableMethods.map((method) => (
// <ParamRow
// key={method}
// method={method}
// getState={getState}
// call={call}
// />
// ))}
// </tbody>
// </ParamsTable>
// </BodyText>
// </View>
// </View>
// </View>
// );
}
ParamRow.propTypes = {
method: _propTypes.default.string,
getState: _propTypes.default.func,
call: _propTypes.default.func
};
function ParamRow(_ref) {
var method = _ref.method,
call = _ref.call,
getState = _ref.getState;
return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, method), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styled2.NumericalValue, null, (0, _numbers.abbreviateNumber)(getState(method).value))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styled2.Button, {
onPress: function onPress() {
return call(method);
}
}, "Call")), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_web.Input, null)));
} // Utils
// function hasValue(state) {
// return state && state('name') && state('name').value;
// }
// function getReadableMethods(types) {
// return ['allocatedRewards', 'totalReleased'].concat(
// Object.keys(
// pickBy(
// types.methods,
// (_, method) =>
// !types.methods[method].send &&
// method !== 'balanceOf' &&
// method !== 'isMinter' &&
// method !== 'allowance' &&
// method !== 'partialSum' &&
// method !== 'nonceOf' &&
// method !== 'isOwner' &&
// method !== 'allocatedRewards' &&
// method !== 'totalReleased' &&
// method !== 'currentRound' &&
// method !== 'initializeRewardSplit' &&
// method !== 'airdropSwitchRound'
// )
// )
// );
// }
//# sourceMappingURL=contractParams.container.js.map