@loafmarkets/ui 0.1.397 → 0.1.398

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.js CHANGED
@@ -15569,6 +15569,10 @@ function PortfolioActivityPanel({
15569
15569
  ] }),
15570
15570
  expanded && /* @__PURE__ */ jsxRuntime.jsxs(CExpandedWrap, { children: [
15571
15571
  /* @__PURE__ */ jsxRuntime.jsxs(CDetailGrid3, { children: [
15572
+ /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
15573
+ /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Order ID" }),
15574
+ /* @__PURE__ */ jsxRuntime.jsx(CDValue, { children: order.id > 0 ? `#${order.id}` : "\u2014" })
15575
+ ] }),
15572
15576
  /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
15573
15577
  /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Type" }),
15574
15578
  /* @__PURE__ */ jsxRuntime.jsx(CDValue, { children: typeLabel })
@@ -15594,7 +15598,8 @@ function PortfolioActivityPanel({
15594
15598
  ] }, rowKey);
15595
15599
  }),
15596
15600
  mergedOrderHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15597
- /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15601
+ /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15602
+ /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "ID" }),
15598
15603
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Asset" }),
15599
15604
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Side" }),
15600
15605
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Type" }),
@@ -15610,7 +15615,8 @@ function PortfolioActivityPanel({
15610
15615
  const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
15611
15616
  const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
15612
15617
  const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
15613
- return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15618
+ return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15619
+ /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
15614
15620
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(order.tokenName) : void 0, children: order.tokenName }) }),
15615
15621
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
15616
15622
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: typeLabel }) }),
@@ -15664,7 +15670,14 @@ function PortfolioActivityPanel({
15664
15670
  ] }),
15665
15671
  /* @__PURE__ */ jsxRuntime.jsx(CChevronWrap, { $open: expanded, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {}) })
15666
15672
  ] }),
15667
- expanded && /* @__PURE__ */ jsxRuntime.jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxRuntime.jsxs(CDetailGrid, { children: [
15673
+ expanded && /* @__PURE__ */ jsxRuntime.jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxRuntime.jsxs(CDetailGrid3, { children: [
15674
+ /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
15675
+ /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Trade ID" }),
15676
+ /* @__PURE__ */ jsxRuntime.jsxs(CDValue, { children: [
15677
+ "#",
15678
+ trade.tradeId
15679
+ ] })
15680
+ ] }),
15668
15681
  /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
15669
15682
  /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Price" }),
15670
15683
  /* @__PURE__ */ jsxRuntime.jsx(CDValue, { children: formatCurrency4(trade.price) })
@@ -15681,7 +15694,8 @@ function PortfolioActivityPanel({
15681
15694
  ] }, rowKey);
15682
15695
  }),
15683
15696
  tradeHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15684
- /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15697
+ /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15698
+ /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "ID" }),
15685
15699
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Asset" }),
15686
15700
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Side" }),
15687
15701
  /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Qty" }),
@@ -15699,7 +15713,11 @@ function PortfolioActivityPanel({
15699
15713
  const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
15700
15714
  const settlementMeta = isSettled ? { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" } : isFailed ? { color: "#f6465d", bg: "rgba(246,70,93,0.12)" } : isSettling ? { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" } : null;
15701
15715
  const sideColor = sideLabel(trade.side) === "Buy" ? "#0ecb81" : "#f6465d";
15702
- return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15716
+ return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15717
+ /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(CellText, { $muted: true, children: [
15718
+ "#",
15719
+ trade.tradeId
15720
+ ] }) }),
15703
15721
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(trade.tokenName) : void 0, children: trade.tokenName }) }),
15704
15722
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
15705
15723
  /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(CellText, { children: [