@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.mjs CHANGED
@@ -15544,6 +15544,10 @@ function PortfolioActivityPanel({
15544
15544
  ] }),
15545
15545
  expanded && /* @__PURE__ */ jsxs(CExpandedWrap, { children: [
15546
15546
  /* @__PURE__ */ jsxs(CDetailGrid3, { children: [
15547
+ /* @__PURE__ */ jsxs(CDetailItem, { children: [
15548
+ /* @__PURE__ */ jsx(CDLabel, { children: "Order ID" }),
15549
+ /* @__PURE__ */ jsx(CDValue, { children: order.id > 0 ? `#${order.id}` : "\u2014" })
15550
+ ] }),
15547
15551
  /* @__PURE__ */ jsxs(CDetailItem, { children: [
15548
15552
  /* @__PURE__ */ jsx(CDLabel, { children: "Type" }),
15549
15553
  /* @__PURE__ */ jsx(CDValue, { children: typeLabel })
@@ -15569,7 +15573,8 @@ function PortfolioActivityPanel({
15569
15573
  ] }, rowKey);
15570
15574
  }),
15571
15575
  mergedOrderHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
15572
- /* @__PURE__ */ jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15576
+ /* @__PURE__ */ jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15577
+ /* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
15573
15578
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
15574
15579
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
15575
15580
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Type" }),
@@ -15585,7 +15590,8 @@ function PortfolioActivityPanel({
15585
15590
  const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
15586
15591
  const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
15587
15592
  const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
15588
- return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15593
+ return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
15594
+ /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
15589
15595
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(order.tokenName) : void 0, children: order.tokenName }) }),
15590
15596
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
15591
15597
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: typeLabel }) }),
@@ -15639,7 +15645,14 @@ function PortfolioActivityPanel({
15639
15645
  ] }),
15640
15646
  /* @__PURE__ */ jsx(CChevronWrap, { $open: expanded, children: /* @__PURE__ */ jsx(ChevronDown, {}) })
15641
15647
  ] }),
15642
- expanded && /* @__PURE__ */ jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxs(CDetailGrid, { children: [
15648
+ expanded && /* @__PURE__ */ jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxs(CDetailGrid3, { children: [
15649
+ /* @__PURE__ */ jsxs(CDetailItem, { children: [
15650
+ /* @__PURE__ */ jsx(CDLabel, { children: "Trade ID" }),
15651
+ /* @__PURE__ */ jsxs(CDValue, { children: [
15652
+ "#",
15653
+ trade.tradeId
15654
+ ] })
15655
+ ] }),
15643
15656
  /* @__PURE__ */ jsxs(CDetailItem, { children: [
15644
15657
  /* @__PURE__ */ jsx(CDLabel, { children: "Price" }),
15645
15658
  /* @__PURE__ */ jsx(CDValue, { children: formatCurrency4(trade.price) })
@@ -15656,7 +15669,8 @@ function PortfolioActivityPanel({
15656
15669
  ] }, rowKey);
15657
15670
  }),
15658
15671
  tradeHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
15659
- /* @__PURE__ */ jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15672
+ /* @__PURE__ */ jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15673
+ /* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
15660
15674
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
15661
15675
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
15662
15676
  /* @__PURE__ */ jsx(GridHeaderCell, { children: "Qty" }),
@@ -15674,7 +15688,11 @@ function PortfolioActivityPanel({
15674
15688
  const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
15675
15689
  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;
15676
15690
  const sideColor = sideLabel(trade.side) === "Buy" ? "#0ecb81" : "#f6465d";
15677
- return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15691
+ return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
15692
+ /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { $muted: true, children: [
15693
+ "#",
15694
+ trade.tradeId
15695
+ ] }) }),
15678
15696
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(trade.tokenName) : void 0, children: trade.tokenName }) }),
15679
15697
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
15680
15698
  /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { children: [