@ape.swap/bonds-sdk 1.0.257 → 1.0.259
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.
|
@@ -62,7 +62,7 @@ import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
|
|
|
62
62
|
import ProgressBar from '../ProgressBar/ProgressBar';
|
|
63
63
|
import { formatDollar, formatValue } from '../../utils/formatNumbers';
|
|
64
64
|
import { TooltipText } from '../../enum/tooltips';
|
|
65
|
-
import { TooltipBubble, Svg
|
|
65
|
+
import { TooltipBubble, Svg } from '../uikit-sdk';
|
|
66
66
|
import Tooltip from '../Tooltip/Tooltip';
|
|
67
67
|
import { BLOCK_EXPLORER } from '../../config/constants/chains';
|
|
68
68
|
import TokenInfoAndName from '../TokenInfoAndName';
|
|
@@ -188,8 +188,8 @@ var Bonds = function (_a) {
|
|
|
188
188
|
return "".concat(explorerLink, "/address/").concat(bond === null || bond === void 0 ? void 0 : bond.billAddress);
|
|
189
189
|
};
|
|
190
190
|
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: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokenname" }, { children: "Tokens" })), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)" }, { children: ["Discount", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: ["ARR", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)" }, { children: ["Terms", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)" }, { children: ["Tokens Remaining", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, { className: "column column-hotbond" })] }))] })), sortedBonds.map(function (bond) {
|
|
191
|
-
var _a, _b, _c, _d, _e
|
|
192
|
-
return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-
|
|
191
|
+
var _a, _b, _c, _d, _e;
|
|
192
|
+
return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokenname" }, { children: _jsx(TokenInfoAndName, { bond: bond }) })), _jsx(Flex, __assign({ className: "column column-tokenicons" }, { children: _jsx(TooltipBubble, __assign({ body: _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.payoutToken) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_b = bond.chainId) !== null && _b !== void 0 ? _b : ChainId.BSC }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)" }, { children: _jsx(Svg, { icon: "more", width: "20px" }) })) }))] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { 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(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 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: {
|
|
193
193
|
width: '127px',
|
|
194
194
|
height: '25px',
|
|
195
195
|
flexDirection: 'column',
|
|
@@ -198,7 +198,7 @@ var Bonds = function (_a) {
|
|
|
198
198
|
}, showTooltip: true, toolTip: "".concat(remainingTokensFormat(bond), " ").concat(bond.payoutTokenName, " (").concat(formatDollar({
|
|
199
199
|
num: remainingTokensUsd(bond).toNumber(),
|
|
200
200
|
isPrice: true,
|
|
201
|
-
}), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((
|
|
201
|
+
}), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_e = bond.discount) !== null && _e !== void 0 ? _e : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) })) }))] }))] }), bond.billAddress));
|
|
202
202
|
})] }))] })));
|
|
203
203
|
};
|
|
204
204
|
export default Bonds;
|
package/dist/scss/Bonds.scss
CHANGED
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
display: flex;
|
|
27
27
|
flex-direction: row;
|
|
28
28
|
width: 100%;
|
|
29
|
+
height: 70px;
|
|
29
30
|
justify-content: space-around;
|
|
30
31
|
background-color: var(--theme-ui-colors-white2);
|
|
31
32
|
margin-bottom: 5px;
|
|
32
|
-
padding: 20px;
|
|
33
33
|
border-radius: 10px;
|
|
34
34
|
cursor: pointer;
|
|
35
35
|
|
|
@@ -49,16 +49,8 @@
|
|
|
49
49
|
width: 40%;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.column.column-image {
|
|
53
|
-
width: 25%;
|
|
54
|
-
flex-direction: row;
|
|
55
|
-
justify-content: start;
|
|
56
|
-
align-items: center;
|
|
57
|
-
padding-left: 20px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
52
|
.column.column-tokenname {
|
|
61
|
-
width:
|
|
53
|
+
width: 100%;
|
|
62
54
|
flex-direction: row;
|
|
63
55
|
justify-content: start;
|
|
64
56
|
align-items: center;
|
|
@@ -66,16 +58,10 @@
|
|
|
66
58
|
}
|
|
67
59
|
|
|
68
60
|
.column.column-tokenicons {
|
|
69
|
-
width:
|
|
70
|
-
flex-direction: row;
|
|
71
|
-
align-items: center;
|
|
72
|
-
justify-content: space-evenly;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.column.column-tokentags {
|
|
76
|
-
width: 25%;
|
|
61
|
+
width: 100%;
|
|
77
62
|
flex-direction: row;
|
|
78
63
|
align-items: center;
|
|
64
|
+
justify-content: start;
|
|
79
65
|
}
|
|
80
66
|
|
|
81
67
|
.column.column-bondinfo {
|