@loafmarkets/ui 0.1.430 → 0.1.432
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 +7 -4
- package/dist/index.d.ts +7 -4
- package/dist/index.js +92 -45
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +92 -45
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -16692,12 +16692,39 @@ var TickerTag = styled10.span`
|
|
|
16692
16692
|
margin-left: 0.3rem;
|
|
16693
16693
|
`;
|
|
16694
16694
|
var sideLabel = (side) => side?.toUpperCase() === "SELL" ? "Sell" : "Buy";
|
|
16695
|
+
var isLiveOrder = (o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED" || o.status === "PENDING" || o.status === "ARMED";
|
|
16696
|
+
var isMarketType = (type) => type === "MARKET" || type.endsWith("_MARKET");
|
|
16697
|
+
var filledLabel = (order) => order.filledQuantity == null ? "\u2014" : `${order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0}%`;
|
|
16698
|
+
var ReasonMarker = styled10.span`
|
|
16699
|
+
display: inline-flex;
|
|
16700
|
+
align-items: center;
|
|
16701
|
+
justify-content: center;
|
|
16702
|
+
width: 0.95rem;
|
|
16703
|
+
height: 0.95rem;
|
|
16704
|
+
margin-left: 0.3rem;
|
|
16705
|
+
border: 1px solid rgba(246, 70, 93, 0.5);
|
|
16706
|
+
border-radius: 50%;
|
|
16707
|
+
color: #f6465d;
|
|
16708
|
+
font-size: 0.6rem;
|
|
16709
|
+
font-style: italic;
|
|
16710
|
+
font-weight: 600;
|
|
16711
|
+
line-height: 1;
|
|
16712
|
+
cursor: help;
|
|
16713
|
+
flex-shrink: 0;
|
|
16714
|
+
`;
|
|
16715
|
+
var TriggerText = styled10.span`
|
|
16716
|
+
display: block;
|
|
16717
|
+
font-size: 0.68rem;
|
|
16718
|
+
color: rgba(255, 255, 255, 0.5);
|
|
16719
|
+
font-variant-numeric: tabular-nums;
|
|
16720
|
+
margin-top: 0.1rem;
|
|
16721
|
+
`;
|
|
16695
16722
|
var getOrderStatusMeta = (statusRaw) => {
|
|
16696
16723
|
const status = statusRaw.toUpperCase();
|
|
16697
|
-
if (status === "FILLED" || status === "CONFIRMED" || status === "ALLOCATED") {
|
|
16724
|
+
if (status === "FILLED" || status === "CONFIRMED" || status === "ALLOCATED" || status === "PLACED") {
|
|
16698
16725
|
return { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" };
|
|
16699
16726
|
}
|
|
16700
|
-
if (status === "CANCELLED" || status === "CANCELED" || status === "REJECTED") {
|
|
16727
|
+
if (status === "CANCELLED" || status === "CANCELED" || status === "REJECTED" || status === "FAILED") {
|
|
16701
16728
|
return { color: "#f6465d", bg: "rgba(246,70,93,0.12)" };
|
|
16702
16729
|
}
|
|
16703
16730
|
return { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" };
|
|
@@ -16912,14 +16939,12 @@ function PortfolioActivityPanel({
|
|
|
16912
16939
|
[transfers]
|
|
16913
16940
|
);
|
|
16914
16941
|
const positionsCount = positions.length;
|
|
16915
|
-
const openOrdersCount = useMemo(
|
|
16916
|
-
|
|
16942
|
+
const openOrdersCount = useMemo(() => openOrders.filter(isLiveOrder).length, [openOrders]);
|
|
16943
|
+
const cancellableOrdersCount = useMemo(
|
|
16944
|
+
() => openOrders.filter((o) => !o.isOfferingOrder && isLiveOrder(o)).length,
|
|
16917
16945
|
[openOrders]
|
|
16918
16946
|
);
|
|
16919
|
-
const pendingHistoryCount = useMemo(
|
|
16920
|
-
() => mergedOrderHistory.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
|
|
16921
|
-
[mergedOrderHistory]
|
|
16922
|
-
);
|
|
16947
|
+
const pendingHistoryCount = useMemo(() => mergedOrderHistory.filter(isLiveOrder).length, [mergedOrderHistory]);
|
|
16923
16948
|
const pendingOfferingsCount = useMemo(
|
|
16924
16949
|
() => offeringOrders.filter((o) => {
|
|
16925
16950
|
const s = o.status.toUpperCase();
|
|
@@ -17244,7 +17269,7 @@ function PortfolioActivityPanel({
|
|
|
17244
17269
|
/* @__PURE__ */ jsx(CDValue, { children: formatTimestamp(order.createdAt) })
|
|
17245
17270
|
] })
|
|
17246
17271
|
] }),
|
|
17247
|
-
order.
|
|
17272
|
+
order.rejectionReason && /* @__PURE__ */ jsx(CDValue, { style: { marginTop: "0.4rem", color: "#f6465d", fontSize: "0.7rem" }, children: order.rejectionReason })
|
|
17248
17273
|
] })
|
|
17249
17274
|
] }, rowKey);
|
|
17250
17275
|
}),
|
|
@@ -17270,7 +17295,7 @@ function PortfolioActivityPanel({
|
|
|
17270
17295
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency4(order.price * order.quantity) }) }),
|
|
17271
17296
|
/* @__PURE__ */ jsxs(GridCell, { children: [
|
|
17272
17297
|
/* @__PURE__ */ jsx(ActivityTag, { $color: meta.color, $bg: meta.bg, title: order.status === "REJECTED" && order.rejectionReason ? order.rejectionReason : void 0, children: prettyLabel(order.status) }),
|
|
17273
|
-
order.
|
|
17298
|
+
order.rejectionReason && /* @__PURE__ */ jsx(CellText, { $muted: true, style: { fontSize: "0.62rem", marginTop: "0.2rem", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: order.rejectionReason, children: order.rejectionReason })
|
|
17274
17299
|
] }),
|
|
17275
17300
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) }),
|
|
17276
17301
|
/* @__PURE__ */ jsx(GridCell, { children: order.txHash && /* @__PURE__ */ jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${order.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
@@ -17285,10 +17310,10 @@ function PortfolioActivityPanel({
|
|
|
17285
17310
|
activeTab === "open-orders" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17286
17311
|
openOrders.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "Open orders will appear here while they are working in the market." }),
|
|
17287
17312
|
openOrders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17288
|
-
compactPositions && onCancelAllOrders &&
|
|
17313
|
+
compactPositions && onCancelAllOrders && cancellableOrdersCount > 0 && /* @__PURE__ */ jsx(CancelAllRow, { children: /* @__PURE__ */ jsx(CancelAllBtn, { type: "button", disabled: cancellingAll, onClick: () => setCancelAllConfirmOpen(true), children: "Cancel All" }) }),
|
|
17289
17314
|
compactPositions ? sortedOpenOrders.map((order) => {
|
|
17290
17315
|
const meta = getOrderStatusMeta(order.status);
|
|
17291
|
-
const filledPercent =
|
|
17316
|
+
const filledPercent = filledLabel(order);
|
|
17292
17317
|
const isCancelling = cancellingOrderId === order.id;
|
|
17293
17318
|
const ordExpanded = expandedOpenOrders.has(order.id);
|
|
17294
17319
|
const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
@@ -17303,8 +17328,7 @@ function PortfolioActivityPanel({
|
|
|
17303
17328
|
] }),
|
|
17304
17329
|
/* @__PURE__ */ jsxs(CUnitsCell, { children: [
|
|
17305
17330
|
/* @__PURE__ */ jsx(CCellLabel, { children: "Filled" }),
|
|
17306
|
-
filledPercent
|
|
17307
|
-
"%"
|
|
17331
|
+
filledPercent
|
|
17308
17332
|
] }),
|
|
17309
17333
|
/* @__PURE__ */ jsxs(CUnitsCell, { children: [
|
|
17310
17334
|
/* @__PURE__ */ jsx(CCellLabel, { children: "Qty" }),
|
|
@@ -17327,7 +17351,13 @@ function PortfolioActivityPanel({
|
|
|
17327
17351
|
] }),
|
|
17328
17352
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
17329
17353
|
/* @__PURE__ */ jsx(CDLabel, { children: "Price" }),
|
|
17330
|
-
/* @__PURE__ */
|
|
17354
|
+
/* @__PURE__ */ jsxs(CDValue, { children: [
|
|
17355
|
+
isMarketType(order.type) || !order.price ? "Market" : formatCurrency4(order.price),
|
|
17356
|
+
order.triggerPrice != null && /* @__PURE__ */ jsxs(TriggerText, { children: [
|
|
17357
|
+
"Trigger ",
|
|
17358
|
+
formatCurrency4(order.triggerPrice)
|
|
17359
|
+
] })
|
|
17360
|
+
] })
|
|
17331
17361
|
] }),
|
|
17332
17362
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
17333
17363
|
/* @__PURE__ */ jsx(CDLabel, { children: "Status" }),
|
|
@@ -17349,7 +17379,7 @@ function PortfolioActivityPanel({
|
|
|
17349
17379
|
] })
|
|
17350
17380
|
] }, `open-${order.id}`);
|
|
17351
17381
|
}) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17352
|
-
/* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "0.
|
|
17382
|
+
/* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr 82px" : "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr", children: [
|
|
17353
17383
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
|
|
17354
17384
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
|
|
17355
17385
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
|
|
@@ -17358,15 +17388,15 @@ function PortfolioActivityPanel({
|
|
|
17358
17388
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Price" }),
|
|
17359
17389
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Filled" }),
|
|
17360
17390
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Status" }),
|
|
17361
|
-
onCancelOrder && /* @__PURE__ */ jsx(GridHeaderCell, { children: onCancelAllOrders &&
|
|
17391
|
+
onCancelOrder && /* @__PURE__ */ jsx(GridHeaderCell, { children: onCancelAllOrders && cancellableOrdersCount > 0 && /* @__PURE__ */ jsx(CancelButton, { type: "button", disabled: cancellingAll, onClick: () => setCancelAllConfirmOpen(true), children: "Cancel All" }) })
|
|
17362
17392
|
] }),
|
|
17363
17393
|
pagedOpenOrders.map((order) => {
|
|
17364
17394
|
const meta = getOrderStatusMeta(order.status);
|
|
17365
|
-
const isMarket = order.type
|
|
17366
|
-
const filledPercent =
|
|
17395
|
+
const isMarket = isMarketType(order.type);
|
|
17396
|
+
const filledPercent = filledLabel(order);
|
|
17367
17397
|
const isCancelling = cancellingOrderId === order.id;
|
|
17368
17398
|
const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
17369
|
-
return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "0.
|
|
17399
|
+
return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr 82px" : "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr", children: [
|
|
17370
17400
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
|
|
17371
17401
|
/* @__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 }) }),
|
|
17372
17402
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
|
|
@@ -17375,12 +17405,18 @@ function PortfolioActivityPanel({
|
|
|
17375
17405
|
formatNumber2(order.quantity),
|
|
17376
17406
|
order.ticker && /* @__PURE__ */ jsx(TickerTag, { children: order.ticker.toUpperCase() })
|
|
17377
17407
|
] }) }),
|
|
17378
|
-
/* @__PURE__ */
|
|
17379
|
-
|
|
17380
|
-
|
|
17381
|
-
|
|
17382
|
-
|
|
17383
|
-
|
|
17408
|
+
/* @__PURE__ */ jsxs(GridCell, { $stack: order.triggerPrice != null, children: [
|
|
17409
|
+
/* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency4(order.price) }),
|
|
17410
|
+
order.triggerPrice != null && /* @__PURE__ */ jsxs(TriggerText, { children: [
|
|
17411
|
+
"Trigger ",
|
|
17412
|
+
formatCurrency4(order.triggerPrice)
|
|
17413
|
+
] })
|
|
17414
|
+
] }),
|
|
17415
|
+
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: filledPercent }) }),
|
|
17416
|
+
/* @__PURE__ */ jsxs(GridCell, { children: [
|
|
17417
|
+
/* @__PURE__ */ jsx(ActivityTag, { $color: meta.color, $bg: meta.bg, children: prettyLabel(order.status) }),
|
|
17418
|
+
order.triggerPrice != null && order.rejectionReason && /* @__PURE__ */ jsx(ReasonMarker, { title: order.rejectionReason, "aria-label": "Why this order failed", children: "i" })
|
|
17419
|
+
] }),
|
|
17384
17420
|
onCancelOrder && /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(
|
|
17385
17421
|
CancelButton,
|
|
17386
17422
|
{
|
|
@@ -17402,7 +17438,7 @@ function PortfolioActivityPanel({
|
|
|
17402
17438
|
mergedOrderHistory.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "No orders yet. Place a trade to see it appear here." }),
|
|
17403
17439
|
mergedOrderHistory.length > 0 && compactPositions && pagedOrderHistory.map((order) => {
|
|
17404
17440
|
const meta = getOrderStatusMeta(order.status);
|
|
17405
|
-
const filledPercent =
|
|
17441
|
+
const filledPercent = filledLabel(order);
|
|
17406
17442
|
const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
|
|
17407
17443
|
const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
17408
17444
|
const rowKey = `oh-${order.id}`;
|
|
@@ -17441,26 +17477,29 @@ function PortfolioActivityPanel({
|
|
|
17441
17477
|
] }),
|
|
17442
17478
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
17443
17479
|
/* @__PURE__ */ jsx(CDLabel, { children: "Price" }),
|
|
17444
|
-
/* @__PURE__ */
|
|
17480
|
+
/* @__PURE__ */ jsxs(CDValue, { children: [
|
|
17481
|
+
isMarketType(order.type) || !order.price ? "Market" : formatCurrency4(order.price),
|
|
17482
|
+
order.triggerPrice != null && /* @__PURE__ */ jsxs(TriggerText, { children: [
|
|
17483
|
+
"Trigger ",
|
|
17484
|
+
formatCurrency4(order.triggerPrice)
|
|
17485
|
+
] })
|
|
17486
|
+
] })
|
|
17445
17487
|
] }),
|
|
17446
17488
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
17447
17489
|
/* @__PURE__ */ jsx(CDLabel, { children: "Filled" }),
|
|
17448
|
-
/* @__PURE__ */
|
|
17449
|
-
filledPercent,
|
|
17450
|
-
"%"
|
|
17451
|
-
] })
|
|
17490
|
+
/* @__PURE__ */ jsx(CDValue, { children: filledPercent })
|
|
17452
17491
|
] }),
|
|
17453
17492
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
17454
17493
|
/* @__PURE__ */ jsx(CDLabel, { children: "Date" }),
|
|
17455
17494
|
/* @__PURE__ */ jsx(CDValue, { children: formatTimestamp(order.createdAt) })
|
|
17456
17495
|
] })
|
|
17457
17496
|
] }),
|
|
17458
|
-
order.
|
|
17497
|
+
order.rejectionReason && /* @__PURE__ */ jsx(CDValue, { style: { marginTop: "0.4rem", color: "#f6465d", fontSize: "0.7rem" }, children: order.rejectionReason })
|
|
17459
17498
|
] })
|
|
17460
17499
|
] }, rowKey);
|
|
17461
17500
|
}),
|
|
17462
17501
|
mergedOrderHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17463
|
-
/* @__PURE__ */ jsxs(GridHeader, { $columns: "0.
|
|
17502
|
+
/* @__PURE__ */ jsxs(GridHeader, { $columns: "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr 1fr", children: [
|
|
17464
17503
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
|
|
17465
17504
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
|
|
17466
17505
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
|
|
@@ -17473,11 +17512,11 @@ function PortfolioActivityPanel({
|
|
|
17473
17512
|
] }),
|
|
17474
17513
|
pagedOrderHistory.map((order) => {
|
|
17475
17514
|
const meta = getOrderStatusMeta(order.status);
|
|
17476
|
-
const isMarket = order.type
|
|
17477
|
-
const filledPercent =
|
|
17515
|
+
const isMarket = isMarketType(order.type);
|
|
17516
|
+
const filledPercent = filledLabel(order);
|
|
17478
17517
|
const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
|
|
17479
17518
|
const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
17480
|
-
return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.
|
|
17519
|
+
return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.45fr 1.05fr 0.55fr 1fr 0.8fr 1.1fr 0.7fr 0.85fr 1fr", children: [
|
|
17481
17520
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
|
|
17482
17521
|
/* @__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 }) }),
|
|
17483
17522
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
|
|
@@ -17486,12 +17525,18 @@ function PortfolioActivityPanel({
|
|
|
17486
17525
|
formatNumber2(order.quantity),
|
|
17487
17526
|
order.ticker && /* @__PURE__ */ jsx(TickerTag, { children: order.ticker.toUpperCase() })
|
|
17488
17527
|
] }) }),
|
|
17489
|
-
/* @__PURE__ */
|
|
17490
|
-
|
|
17491
|
-
|
|
17492
|
-
|
|
17493
|
-
|
|
17494
|
-
|
|
17528
|
+
/* @__PURE__ */ jsxs(GridCell, { $stack: order.triggerPrice != null, children: [
|
|
17529
|
+
/* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency4(order.price) }),
|
|
17530
|
+
order.triggerPrice != null && /* @__PURE__ */ jsxs(TriggerText, { children: [
|
|
17531
|
+
"Trigger ",
|
|
17532
|
+
formatCurrency4(order.triggerPrice)
|
|
17533
|
+
] })
|
|
17534
|
+
] }),
|
|
17535
|
+
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: filledPercent }) }),
|
|
17536
|
+
/* @__PURE__ */ jsxs(GridCell, { children: [
|
|
17537
|
+
/* @__PURE__ */ jsx(ActivityTag, { $color: meta.color, $bg: meta.bg, children: prettyLabel(order.status) }),
|
|
17538
|
+
order.triggerPrice != null && order.rejectionReason && /* @__PURE__ */ jsx(ReasonMarker, { title: order.rejectionReason, "aria-label": "Why this order failed", children: "i" })
|
|
17539
|
+
] }),
|
|
17495
17540
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) })
|
|
17496
17541
|
] }, order.id);
|
|
17497
17542
|
})
|
|
@@ -17695,7 +17740,7 @@ function PortfolioActivityPanel({
|
|
|
17695
17740
|
/* @__PURE__ */ jsx(CancelConfirmTitle, { children: "Cancel All Orders" }),
|
|
17696
17741
|
/* @__PURE__ */ jsxs(CancelConfirmBody, { children: [
|
|
17697
17742
|
"Are you sure you want to cancel all ",
|
|
17698
|
-
|
|
17743
|
+
cancellableOrdersCount,
|
|
17699
17744
|
" open orders? This action cannot be undone."
|
|
17700
17745
|
] }),
|
|
17701
17746
|
/* @__PURE__ */ jsxs(CancelConfirmActions, { children: [
|
|
@@ -17963,7 +18008,9 @@ var GridRow = styled10.div`
|
|
|
17963
18008
|
`;
|
|
17964
18009
|
var GridCell = styled10.div`
|
|
17965
18010
|
display: flex;
|
|
17966
|
-
align-items: center;
|
|
18011
|
+
align-items: ${(p) => p.$stack ? "flex-start" : "center"};
|
|
18012
|
+
flex-direction: ${(p) => p.$stack ? "column" : "row"};
|
|
18013
|
+
justify-content: center;
|
|
17967
18014
|
min-width: 0;
|
|
17968
18015
|
`;
|
|
17969
18016
|
var CellText = styled10.span`
|