@orderly.network/ui-orders 2.8.3 → 2.8.4

package/dist/index.mjs

@@ -2,7 +2,7 @@ import React2, { forwardRef, useMemo, useEffect, useRef, useImperativeHandle, us
 import { useSymbolsInfo, useOrderStream, useLocalStorage, utils, useThrottledCallback, useMutation, useSWRConfig, useAccount, unstable_serialize, useMemoizedFn, getMinNotional, findTPSLFromOrder, findTPSLOrderPriceFromOrder, useMaxQty, useConfig, useOrderEntity, useReferralInfo, useLeverageBySymbol } from '@orderly.network/hooks';
 import { useTranslation, Trans, i18n } from '@orderly.network/i18n';
 import { OrderStatus, AlgoOrderRootType, AlgoOrderType, OrderSide, OrderType, EMPTY_LIST } from '@orderly.network/types';
-import { Decimal, commify, commifyOptional, getTrailingStopPrice, formatNum } from '@orderly.network/utils';
+import { formatSymbol, Decimal, commify, commifyOptional, getTrailingStopPrice, formatNum } from '@orderly.network/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { usePagination, modal, Text, Button, ThrottledButton, CloseIcon, cn, Flex, Input, inputFormatter, Slider, DataFilter, TableFeatures, Grid, Picker, ListView, Tabs, TabPanel, Badge, Tooltip, EditIcon, toast as toast$1, Popover, PopoverRoot, PopoverTrigger, PopoverContent, Divider, ShareIcon, CheckIcon, Statistic, SimpleDialog, useModal, Checkbox } from '@orderly.network/ui';
 import { useDataTap, useOrderEntryFormErrorMsg } from '@orderly.network/react-app';
@@ -5320,6 +5320,8 @@ var init_orderList_ui = __esm({
     };
     CancelAll = (props) => {
       const { t } = useTranslation();
+      const { symbol } = props;
+      const formattedSymbol = symbol ? formatSymbol(symbol, "base") : symbol;
       return /* @__PURE__ */ jsx(
         Button,
         {
@@ -5330,7 +5332,7 @@ var init_orderList_ui = __esm({
           className: "disabled:oui-bg-transport",
           onClick: (e) => props.onCancelAll(),
           "data-testid": `oui-testid-dataList-${props.type.toLowerCase()}-cancelAll-button`,
-          children: t("orders.cancelAll")
+          children: symbol ? t("orders.cancelAll.ofSymbol", { symbol: formattedSymbol }) : t("orders.cancelAll")
         }
       );
     };
@@ -5387,7 +5389,7 @@ function offsetEndOfDay(date) {
   newDate.setHours(23, 59, 59, 999);
   return newDate;
 }
-var useOrderListScript, useFilter, formatDatePickerRange;
+var useOrderListScript, useFilter, formatDatePickerRange, getDialogInfo;
 var init_orderList_script = __esm({
   "src/components/orderList/orderList.script.tsx"() {
     init_util();
@@ -5456,7 +5458,7 @@ var init_orderList_script = __esm({
           updateOrder,
           cancelAlgoOrder,
           updateAlgoOrder,
-          cancelAllOrders,
+          cancelAllPendingOrders,
           cancelAllTPSLOrders,
           meta,
           refresh
@@ -5484,8 +5486,7 @@ var init_orderList_script = __esm({
         }
       }, [pageSize, typePageSize]);
       const onCancelAll = useCallback(() => {
-        const title = props.type === "pending" /* pending */ ? t("orders.pending.cancelAll") : props.type === "tp_sl" /* tp_sl */ ? t("orders.tpsl.cancelAll") : "";
-        const content = t("orders.pending.cancelAll.description") ;
+        const { title, content } = getDialogInfo(type, t, props.symbol);
         modal.confirm({
           title,
           content: /* @__PURE__ */ jsx(Text, { size: "sm", children: content }),
@@ -5494,9 +5495,9 @@ var init_orderList_script = __esm({
           onOk: async () => {
             try {
               if (type === "tp_sl" /* tp_sl */) {
-                await cancelAllTPSLOrders();
+                await cancelAllTPSLOrders(props.symbol);
               } else {
-                await cancelAllOrders();
+                await cancelAllPendingOrders(props.symbol);
               }
               refresh();
               return Promise.resolve(true);
@@ -5510,7 +5511,7 @@ var init_orderList_script = __esm({
             }
           }
         });
-      }, [type, t]);
+      }, [type, t, props.symbol]);
       const formattedData = useFormatOrderHistory(data ?? []);
       const dataSource = useDataTap(type !== "tp_sl" /* tp_sl */ ? formattedData : data, {
         fallbackData: []
@@ -5542,7 +5543,8 @@ var init_orderList_script = __esm({
         tableInstance,
         symbolsInfo,
         filterDays,
-        updateFilterDays
+        updateFilterDays,
+        symbol: props.symbol
       };
     };
     useFilter = (type, option) => {
@@ -5696,6 +5698,46 @@ var init_orderList_script = __esm({
       from: offsetStartOfDay(option.from),
       to: offsetEndOfDay(option.to ?? option.from)
     });
+    getDialogInfo = (type, t, symbol) => {
+      const formattedSymbol = symbol ? formatSymbol(symbol, "base") : symbol;
+      switch (type) {
+        case "pending" /* pending */:
+          if (symbol !== void 0) {
+            return {
+              title: t("orders.pending.cancelAll.forSymbol", {
+                symbol: formattedSymbol
+              }),
+              content: t("orders.pending.cancelAll.forSymbol.description", {
+                symbol: formattedSymbol
+              })
+            };
+          }
+          return {
+            title: t("orders.pending.cancelAll"),
+            content: t("orders.pending.cancelAll.description")
+          };
+        case "tp_sl" /* tp_sl */:
+          if (symbol !== void 0) {
+            return {
+              title: t("orders.tpsl.cancelAll.forSymbol", {
+                symbol: formattedSymbol
+              }),
+              content: t("orders.tpsl.cancelAll.forSymbol.description", {
+                symbol: formattedSymbol
+              })
+            };
+          }
+          return {
+            title: t("orders.tpsl.cancelAll"),
+            content: t("orders.tpsl.cancelAll.description")
+          };
+        default:
+          return {
+            title: "",
+            content: ""
+          };
+      }
+    };
   }
 });
 var DesktopOrderListWidget, MobileOrderListWidget;