@ape.swap/bonds-sdk 1.0.82 → 1.0.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -16,6 +16,7 @@ import { getColumnDiscountStyle } from '../Bonds/styles';
|
|
|
16
16
|
import { defaultTheme } from '../../theme';
|
|
17
17
|
import '../../scss/bondmodal.scss';
|
|
18
18
|
import getTimePeriods from '../../utils/getTimePeriods';
|
|
19
|
+
import { Button } from '../uikit/Button';
|
|
19
20
|
var BondModal = function (_a) {
|
|
20
21
|
var _b, _c, _d, _e, _f, _g;
|
|
21
22
|
var isOpen = _a.isOpen, onClose = _a.onClose, bond = _a.bond;
|
|
@@ -25,6 +26,6 @@ var BondModal = function (_a) {
|
|
|
25
26
|
var vestingTime = function (vestingTerm) {
|
|
26
27
|
return getTimePeriods(vestingTerm !== null && vestingTerm !== void 0 ? vestingTerm : 0, true);
|
|
27
28
|
};
|
|
28
|
-
return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: _jsx(Flex, __assign({ className: "modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal-content" }, { children: ["Bond Modal", _jsxs("p", { children: ["Bond Address: ", bond === null || bond === void 0 ? void 0 : bond.billAddress] }), isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Token" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" }))] })), _jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: _jsxs(
|
|
29
|
+
return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: _jsx(Flex, __assign({ className: "modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal-content" }, { children: ["Bond Modal", _jsxs("p", { children: ["Bond Address: ", bond === null || bond === void 0 ? void 0 : bond.billAddress] }), isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Token" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" }))] })), _jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: _jsxs(Button, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) }, { children: "".concat((_c = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _c === void 0 ? void 0 : _c.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat("".concat(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 0) * 365) / vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days).toFixed(2), "%")) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime((_f = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _f !== void 0 ? _f : 0).days ? "".concat(vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: bond === null || bond === void 0 ? void 0 : bond.tokensRemaining.split('.')[0] }))] }))] })), _jsx(Button, __assign({ onClick: onClose }, { children: "Close" }))] })) })) })));
|
|
29
30
|
};
|
|
30
31
|
export default BondModal;
|
|
@@ -20,6 +20,7 @@ import { defaultTheme } from '../../theme';
|
|
|
20
20
|
import '../../scss/bondsingle.scss';
|
|
21
21
|
import { useParams } from 'react-router-dom';
|
|
22
22
|
import getTimePeriods from '../../utils/getTimePeriods';
|
|
23
|
+
import { Button } from '../uikit/Button';
|
|
23
24
|
var BondSingle = function (_a) {
|
|
24
25
|
// make pages for modal and single bond page
|
|
25
26
|
// make button to buy bond
|
|
@@ -39,7 +40,7 @@ var BondSingle = function (_a) {
|
|
|
39
40
|
}, []);
|
|
40
41
|
return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [_jsxs("div", { children: ["Bond Single Page", _jsx("p", { children: billAddress })] }), isActive && account && (_jsx("p", { children: account })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Token" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" }))] })), bondData.map(function (bond) {
|
|
41
42
|
var _a, _b, _c;
|
|
42
|
-
return (_jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: _jsxs(
|
|
43
|
+
return (_jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: _jsxs(Button, { children: ["Buy ", bond.showcaseTokenName] }) })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_a = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _a !== void 0 ? _a : 0) }, { children: "".concat((_b = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _b === void 0 ? void 0 : _b.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat("".concat(((((_c = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _c !== void 0 ? _c : 0) * 365) / vestingTime(bond.vestingTerm).days).toFixed(2), "%")) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: bond.tokensRemaining.split('.')[0] }))] })));
|
|
43
44
|
})] }))] })));
|
|
44
45
|
};
|
|
45
46
|
export default BondSingle;
|
|
@@ -58,7 +58,6 @@ import { defaultTheme } from '../../theme';
|
|
|
58
58
|
import Svg from '../uikit/Svg';
|
|
59
59
|
import '../../scss/bonds.scss';
|
|
60
60
|
import BondModal from '../BondModal/BondModal';
|
|
61
|
-
import { Button } from '../uikit/Button';
|
|
62
61
|
var Bonds = function (_a) {
|
|
63
62
|
var connectionString = _a.connectionString;
|
|
64
63
|
var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
|
|
@@ -146,7 +145,7 @@ var Bonds = function (_a) {
|
|
|
146
145
|
setSelectedBond(bond);
|
|
147
146
|
setIsModalOpen(true);
|
|
148
147
|
};
|
|
149
|
-
return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && (_jsx("p", { children: account })), isActive && account && (_jsx(
|
|
148
|
+
return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && (_jsx("p", { children: account })), isActive && account && (_jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" }))), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" })), _jsx(Flex, { className: "column column-header" })] })), _jsx(BondModal, { isOpen: isModalOpen, onClose: function () { return setIsModalOpen(false); }, bond: selectedBond }), sortedBonds.map(function (bond) {
|
|
150
149
|
var _a, _b, _c, _d;
|
|
151
150
|
return (
|
|
152
151
|
// <Flex className="container bondrow-container" onClick={() => handleRowClick(bond.billAddress)}>
|