@loafmarkets/ui 0.1.97 → 0.1.98
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/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +19 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -9645,7 +9645,8 @@ function AssetSelectorBar({
|
|
|
9645
9645
|
currentTokenName,
|
|
9646
9646
|
selectorItems,
|
|
9647
9647
|
onSelect,
|
|
9648
|
-
trailing
|
|
9648
|
+
trailing,
|
|
9649
|
+
imageUrl
|
|
9649
9650
|
}) {
|
|
9650
9651
|
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
9651
9652
|
const hasItems = selectorItems && selectorItems.length > 0;
|
|
@@ -9654,6 +9655,7 @@ function AssetSelectorBar({
|
|
|
9654
9655
|
...offeringValuation != null ? [{ label: "Offering Valuation", value: `$${offeringValuation.toLocaleString()}` }] : []
|
|
9655
9656
|
];
|
|
9656
9657
|
return /* @__PURE__ */ jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxs(IPOAssetSelector, { children: [
|
|
9658
|
+
imageUrl && /* @__PURE__ */ jsx(AssetThumbnail, { src: imageUrl, alt: propertyName }),
|
|
9657
9659
|
/* @__PURE__ */ jsx(AssetSelectorDropdown, { onClick: () => hasItems && setIsDropdownOpen((prev) => !prev), children: /* @__PURE__ */ jsxs(AssetName, { children: [
|
|
9658
9660
|
propertyName,
|
|
9659
9661
|
hasItems && /* @__PURE__ */ jsx(
|
|
@@ -9743,6 +9745,20 @@ var IPOAssetSelector = styled25.div`
|
|
|
9743
9745
|
padding: 0.6rem 0.75rem;
|
|
9744
9746
|
}
|
|
9745
9747
|
`;
|
|
9748
|
+
var AssetThumbnail = styled25.img`
|
|
9749
|
+
width: 40px;
|
|
9750
|
+
height: 40px;
|
|
9751
|
+
border-radius: 8px;
|
|
9752
|
+
object-fit: cover;
|
|
9753
|
+
flex-shrink: 0;
|
|
9754
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
9755
|
+
|
|
9756
|
+
@media (max-width: 768px) {
|
|
9757
|
+
width: 32px;
|
|
9758
|
+
height: 32px;
|
|
9759
|
+
border-radius: 6px;
|
|
9760
|
+
}
|
|
9761
|
+
`;
|
|
9746
9762
|
var AssetSelectorDropdown = styled25.div`
|
|
9747
9763
|
display: flex;
|
|
9748
9764
|
align-items: center;
|
|
@@ -11942,7 +11958,7 @@ function PortfolioActivityPanel({
|
|
|
11942
11958
|
] }),
|
|
11943
11959
|
/* @__PURE__ */ jsxs(HoldingsQuantity, { children: [
|
|
11944
11960
|
/* @__PURE__ */ jsxs("span", { children: [
|
|
11945
|
-
pos.quantity
|
|
11961
|
+
formatNumber2(pos.quantity),
|
|
11946
11962
|
" ",
|
|
11947
11963
|
pos.tokenName
|
|
11948
11964
|
] }),
|
|
@@ -11954,8 +11970,7 @@ function PortfolioActivityPanel({
|
|
|
11954
11970
|
/* @__PURE__ */ jsxs(HoldingsPnL, { children: [
|
|
11955
11971
|
/* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
|
|
11956
11972
|
isPositive ? "+" : "-",
|
|
11957
|
-
|
|
11958
|
-
Math.abs(pnl).toFixed(2)
|
|
11973
|
+
formatCurrency5(Math.abs(pnl))
|
|
11959
11974
|
] }),
|
|
11960
11975
|
/* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
|
|
11961
11976
|
isPositive ? "+" : "",
|