@ape.swap/bonds-sdk 3.0.4-test.4 → 3.0.4-test.5
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.
- package/dist/main.js +7 -3
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -7752,8 +7752,12 @@ const TooltipBubble = (_a) => {
|
|
|
7752
7752
|
? {
|
|
7753
7753
|
backgroundColor,
|
|
7754
7754
|
'&:before': {
|
|
7755
|
-
borderBottomColor: placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT
|
|
7756
|
-
|
|
7755
|
+
borderBottomColor: placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT
|
|
7756
|
+
? backgroundColor
|
|
7757
|
+
: undefined,
|
|
7758
|
+
borderTopColor: placement === placements.TOPLEFT || placement === placements.TOPRIGHT || placement === placements.LEFT
|
|
7759
|
+
? backgroundColor
|
|
7760
|
+
: undefined,
|
|
7757
7761
|
},
|
|
7758
7762
|
}
|
|
7759
7763
|
: {};
|
|
@@ -74638,7 +74642,7 @@ const BondRow = ({ bond }) => {
|
|
|
74638
74642
|
const tokens = new BigNumber$1(tokensRemaining);
|
|
74639
74643
|
return tokens.times(payoutTokenPrice);
|
|
74640
74644
|
};
|
|
74641
|
-
return (jsxs("div", { className: `bond-row`, onClick: handleOpenModal, children: [jsx$2("div", { className: "token-info-container", sx: { width: ['100%', '100%', '
|
|
74645
|
+
return (jsxs("div", { className: `bond-row`, onClick: handleOpenModal, children: [jsx$2("div", { className: "token-info-container", sx: { width: ['100%', '100%', '33%', '30%', '40%', '30%'] }, children: jsx$2(TokenInfoAndName, { bill: bond }) }), jsx$2("div", { className: "min-tiers-container", sx: { width: ['35%', '35%', '17%', '10%', '10%', '10%'] }, children: jsx$2(MinTierRow, { minTier: minTier }) }), jsxs("div", { className: "bond-info-columns", children: [jsx$2("div", { className: `discount-column ${getDiscountColor(bonus)}`, children: bonus !== undefined ? (bonus <= 0 ? (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) })) : (`${bonus === null || bonus === void 0 ? void 0 : bonus.toFixed(2)}%`)) : ('-') }), jsx$2("div", { className: "arr-column", children: bonus !== undefined && bonus <= 0 ? (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) })) : calculateARR(bond) !== undefined ? (calculateARR(bond)) : ('-') }), jsxs("div", { className: "terms-column", children: [bond.type === 'staking' ? `${daysLeftOnBasepadPool()} D Lock` : getVestingTermsString(bond), bond.vestingCliff && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: getVestingTermsTooltipString(bond) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx$2(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx$2("div", { className: "tokens-remaining-column", children: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: remainingPercentage(bond) }), style: {
|
|
74642
74646
|
width: '127px',
|
|
74643
74647
|
height: '25px',
|
|
74644
74648
|
flexDirection: 'column',
|