@ape.swap/bonds-sdk 1.0.174 → 1.0.175
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.
|
@@ -61,6 +61,7 @@ import { BigNumber } from 'bignumber.js';
|
|
|
61
61
|
import { ChainId } from '../../config/chains';
|
|
62
62
|
import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
|
|
63
63
|
import ProgressBar from '../ProgressBar/ProgressBar';
|
|
64
|
+
import { formatDollar, formatValue } from '../../utils/formatNumbers';
|
|
64
65
|
var Bonds = function (_a) {
|
|
65
66
|
var connectionString = _a.connectionString;
|
|
66
67
|
var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
|
|
@@ -169,6 +170,15 @@ var Bonds = function (_a) {
|
|
|
169
170
|
var remainingTokens = new BigNumber((_b = bond.tokensRemaining) !== null && _b !== void 0 ? _b : '0');
|
|
170
171
|
return remainingTokens.div(totalMaxPayout).times(100).toNumber();
|
|
171
172
|
};
|
|
173
|
+
var remainingTokensFormat = function (bond) {
|
|
174
|
+
var _a;
|
|
175
|
+
return formatValue({ num: new BigNumber((_a = bond.tokensRemaining) !== null && _a !== void 0 ? _a : '0') });
|
|
176
|
+
};
|
|
177
|
+
var remainingTokensUsd = function (bond) {
|
|
178
|
+
var _a, _b;
|
|
179
|
+
var tokens = new BigNumber((_a = bond.tokensRemaining) !== null && _a !== void 0 ? _a : '0');
|
|
180
|
+
return tokens.times((_b = bond.payoutTokenPrice) !== null && _b !== void 0 ? _b : 0);
|
|
181
|
+
};
|
|
172
182
|
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-token" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-discount" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-term" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: "Tokens Remaining" })), _jsx(Flex, { className: "column column-hotbond" })] })), sortedBonds.map(function (bond) {
|
|
173
183
|
var _a, _b, _c;
|
|
174
184
|
return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 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: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
|
|
@@ -177,7 +187,10 @@ var Bonds = function (_a) {
|
|
|
177
187
|
flexDirection: 'column',
|
|
178
188
|
justifyContent: 'center',
|
|
179
189
|
display: ['none', 'none', 'none', 'flex'],
|
|
180
|
-
}, showTooltip:
|
|
190
|
+
}, showTooltip: true, toolTip: "".concat(remainingTokensFormat(bond), " ").concat(bond.payoutTokenName, " (").concat(formatDollar({
|
|
191
|
+
num: remainingTokensUsd(bond).toNumber(),
|
|
192
|
+
isPrice: true,
|
|
193
|
+
}), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_c = bond.discount) !== null && _c !== void 0 ? _c : 0) > 0 && (_jsx(Svg, { icon: "fire", width: "20px" })) })) }))] }), bond.billAddress));
|
|
181
194
|
})] }))] })));
|
|
182
195
|
};
|
|
183
196
|
export default Bonds;
|