@loafmarkets/ui 0.1.108 → 0.1.110

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.mjs CHANGED
@@ -11971,8 +11971,8 @@ function PortfolioActivityPanel({
11971
11971
  const pnl = pos.propertyPnl ?? currentValue - costBasis;
11972
11972
  const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
11973
11973
  const isPositive = pnl >= 0;
11974
- return /* @__PURE__ */ jsxs(PositionsRow, { $hasClose: !!onClosePosition, onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: [
11975
- /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx(HoldingsProperty, { children: pos.tokenName }) }),
11974
+ return /* @__PURE__ */ jsxs(PositionsRow, { $hasClose: !!onClosePosition, children: [
11975
+ /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }) }),
11976
11976
  /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatNumber2(pos.quantity) }) }),
11977
11977
  /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency5(currentValue) }) }),
11978
11978
  /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.8rem" }, children: formatCurrency5(pos.averageEntryPrice) }) }),
@@ -12402,10 +12402,8 @@ var PositionsRow = styled25.div`
12402
12402
  align-items: center;
12403
12403
  gap: 0 0.75rem;
12404
12404
  padding: 0.5rem 0.5rem;
12405
- cursor: pointer;
12406
12405
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
12407
12406
  &:last-child { border-bottom: none; }
12408
- &:hover { background: rgba(255, 255, 255, 0.02); }
12409
12407
  `;
12410
12408
  var PositionsCell = styled25.div`
12411
12409
  display: flex;
@@ -12413,10 +12411,12 @@ var PositionsCell = styled25.div`
12413
12411
  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
12414
12412
  gap: 0.1rem;
12415
12413
  `;
12416
- var HoldingsProperty = styled25.div`
12414
+ var HoldingsPropertyLink = styled25.span`
12417
12415
  font-size: 0.8rem;
12418
12416
  font-weight: 600;
12419
12417
  color: #fff;
12418
+ cursor: pointer;
12419
+ &:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
12420
12420
  `;
12421
12421
  var PnLAmount = styled25.div`
12422
12422
  font-size: 0.85rem;