@loafmarkets/ui 0.0.3 → 0.0.4

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 CHANGED
@@ -170,6 +170,7 @@ type YourOrder = {
170
170
  amount: number;
171
171
  total: number;
172
172
  filledPercent: number;
173
+ status?: string;
173
174
  };
174
175
  type YourOrdersProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
175
176
  title?: string;
package/dist/index.d.ts CHANGED
@@ -170,6 +170,7 @@ type YourOrder = {
170
170
  amount: number;
171
171
  total: number;
172
172
  filledPercent: number;
173
+ status?: string;
173
174
  };
174
175
  type YourOrdersProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
175
176
  title?: string;
package/dist/index.js CHANGED
@@ -1315,7 +1315,8 @@ var YourOrders = React5__namespace.forwardRef(
1315
1315
  ] }),
1316
1316
  orders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 text-center text-sm text-white/50", children: "No orders" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: orders.map((order) => {
1317
1317
  const sideClass = order.side === "buy" ? "text-[#0ecb81]" : "text-[#f6465d]";
1318
- const filled = clampPct(order.filledPercent);
1318
+ const filled = clampPct(order.filledPercent ?? 0);
1319
+ const isCancelled = order.status?.toUpperCase() === "CANCELLED";
1319
1320
  const canEditPrice = Boolean(onEditPrice);
1320
1321
  const canEditAmount = Boolean(onEditAmount);
1321
1322
  const canCancel = Boolean(onCancel);
@@ -1373,7 +1374,7 @@ var YourOrders = React5__namespace.forwardRef(
1373
1374
  ] }),
1374
1375
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 h-1 w-4/5 overflow-hidden rounded-sm bg-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full rounded-sm bg-[#C9A227]", style: { width: `${filled}%` } }) })
1375
1376
  ] }),
1376
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
1377
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 text-center", children: isCancelled ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center rounded border border-white/20 px-3 py-1 text-[0.78rem] uppercase tracking-wide text-[#f6465d]", children: "Cancelled" }) : /* @__PURE__ */ jsxRuntime.jsx(
1377
1378
  "button",
1378
1379
  {
1379
1380
  type: "button",