@loafmarkets/ui 0.1.96 → 0.1.98

package/dist/index.d.mts

@@ -913,8 +913,9 @@ type AssetSelectorBarProps = {
     selectorItems?: readonly SelectorItem[];
     onSelect?: (tokenName: string) => void;
     trailing?: ReactNode;
+    imageUrl?: string;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {

package/dist/index.d.ts

@@ -913,8 +913,9 @@ type AssetSelectorBarProps = {
     selectorItems?: readonly SelectorItem[];
     onSelect?: (tokenName: string) => void;
     trailing?: ReactNode;
+    imageUrl?: string;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {

package/dist/index.js

@@ -9671,7 +9671,8 @@ function AssetSelectorBar({
   currentTokenName,
   selectorItems,
   onSelect,
-  trailing
+  trailing,
+  imageUrl
 }) {
   const [isDropdownOpen, setIsDropdownOpen] = React5.useState(false);
   const hasItems = selectorItems && selectorItems.length > 0;
@@ -9680,6 +9681,7 @@ function AssetSelectorBar({
     ...offeringValuation != null ? [{ label: "Offering Valuation", value: `$${offeringValuation.toLocaleString()}` }] : []
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(IPOAssetSelector, { children: [
+    imageUrl && /* @__PURE__ */ jsxRuntime.jsx(AssetThumbnail, { src: imageUrl, alt: propertyName }),
     /* @__PURE__ */ jsxRuntime.jsx(AssetSelectorDropdown, { onClick: () => hasItems && setIsDropdownOpen((prev) => !prev), children: /* @__PURE__ */ jsxRuntime.jsxs(AssetName, { children: [
       propertyName,
       hasItems && /* @__PURE__ */ jsxRuntime.jsx(
@@ -9769,6 +9771,20 @@ var IPOAssetSelector = styled25__default.default.div`
     padding: 0.6rem 0.75rem;
   }
 `;
+var AssetThumbnail = styled25__default.default.img`
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  object-fit: cover;
+  flex-shrink: 0;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+
+  @media (max-width: 768px) {
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+  }
+`;
 var AssetSelectorDropdown = styled25__default.default.div`
   display: flex;
   align-items: center;
@@ -11813,8 +11829,8 @@ var InsufficientFunds = styled25__default.default.div`
 `;
 var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
 var formatCurrency5 = (value, opts) => {
-  const min = opts?.minimumFractionDigits ?? 2;
-  const max = opts?.maximumFractionDigits ?? 2;
+  const min = 2;
+  const max = 2;
   return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
 };
 var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
@@ -11967,17 +11983,20 @@ function PortfolioActivityPanel({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(HoldingsQuantity, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency5(currentValue) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.65rem", color: "rgba(255,255,255,0.4)" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              formatNumber2(pos.quantity),
+              " ",
+              pos.tokenName
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(HoldingsAvgEntry, { children: [
               "Avg ",
-              formatCurrency5(costBasis, { maximumFractionDigits: 0 })
+              formatCurrency5(pos.averageEntryPrice)
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(HoldingsPnL, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs(PnLAmount, { $positive: isPositive, children: [
               isPositive ? "+" : "-",
-              "$",
-              Math.abs(pnl).toFixed(2)
+              formatCurrency5(Math.abs(pnl))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(PnLPercentage, { $positive: isPositive, children: [
               isPositive ? "+" : "",
@@ -12404,7 +12423,7 @@ var HoldingsQuantity = styled25__default.default.div`
   font-weight: 500;
   color: #fff;
 `;
-styled25__default.default.div`
+var HoldingsAvgEntry = styled25__default.default.div`
   font-size: 0.7rem;
   color: var(--color-accent, #E6C87E);
   font-weight: 500;