@orderly.network/trading 2.8.3 → 2.8.4

package/dist/index.js

@@ -2645,7 +2645,7 @@ var init_fundingRate_ui = __esm({
           }
         ),
         predFundingRate === null ? "--" : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { coloring: true, suffix: "%", dp: 4, children: predFundingRate ?? "--" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { suffix: "%", dp: 4, intensity: 80, children: predFundingRate ?? "--" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: " in" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: " " + countDown })
         ] })
@@ -4973,7 +4973,7 @@ var init_orderBookAndEntry = __esm({
     init_orderBookAndEntry_script();
   }
 });
-var useDataListScript2;
+var useDataListScript2, getDialogInfo;
 var init_dataList_script2 = __esm({
   "src/components/mobile/dataList/dataList.script.tsx"() {
     init_hooks();
@@ -4987,21 +4987,30 @@ var init_dataList_script2 = __esm({
       const { t } = i18n.useTranslation();
       const { onSymbolChange } = exports.useTradingPageContext();
       const localStorage2 = exports.useTradingLocalStorage();
-      const [_, { cancelAllOrders, cancelAllTPSLOrders }] = hooks.useOrderStream({});
+      const [_, { cancelAllPendingOrders, cancelAllTPSLOrders }] = hooks.useOrderStream(
+        {}
+      );
       const { positionCount } = exports.usePositionsCount(symbol);
       const { pendingOrderCount, tpSlOrderCount } = exports.usePendingOrderCount(symbol);
       const onCloseAll = (type) => {
-        const title = type === uiOrders.TabType.pending ? t("orders.pending.cancelAll") : type === uiOrders.TabType.tp_sl ? t("orders.tpsl.cancelAll") : "";
-        const content = type === uiOrders.TabType.pending ? t("orders.pending.cancelAll.description") : type === uiOrders.TabType.tp_sl ? t("orders.tpsl.cancelAll.description") : "";
+        const { title, content } = getDialogInfo(
+          type,
+          t,
+          localStorage2.showAllSymbol ? void 0 : symbol
+        );
         ui.modal.confirm({
           title,
           content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xs", children: content }),
           onOk: async () => {
             try {
               if (tab === "TP/SL" /* tp_sl */) {
-                await cancelAllTPSLOrders();
+                await cancelAllTPSLOrders(
+                  localStorage2.showAllSymbol ? void 0 : symbol
+                );
               } else {
-                await cancelAllOrders();
+                await cancelAllPendingOrders(
+                  localStorage2.showAllSymbol ? void 0 : symbol
+                );
               }
               return Promise.resolve(true);
             } catch (error) {
@@ -5030,6 +5039,46 @@ var init_dataList_script2 = __esm({
         onSymbolChange
       };
     };
+    getDialogInfo = (type, t, symbol) => {
+      const formattedSymbol = symbol ? utils.formatSymbol(symbol, "base") : symbol;
+      switch (type) {
+        case uiOrders.TabType.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 uiOrders.TabType.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 LazyPositionHeaderWidget2, SymbolControlHeader, OrdersView, PositionsView2, HistoryTab, DataList2;
@@ -5042,7 +5091,18 @@ var init_dataList_ui2 = __esm({
       })
     );
     SymbolControlHeader = (props) => {
+      const { pendingOrderCount, tpSlOrderCount, type, symbol } = props;
       const { t } = i18n.useTranslation();
+      const cancelAllDisabled = React11.useMemo(() => {
+        if (type === uiOrders.TabType.pending) {
+          return pendingOrderCount === 0;
+        }
+        if (type === uiOrders.TabType.tp_sl) {
+          return tpSlOrderCount === 0;
+        }
+        return false;
+      }, [pendingOrderCount, tpSlOrderCount, type]);
+      const formattedSymbol = props.showAllSymbol ? void 0 : symbol ? utils.formatSymbol(symbol, "base") : symbol;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Flex,
         {
@@ -5083,7 +5143,8 @@ var init_dataList_ui2 = __esm({
                 size: "xs",
                 color: "secondary",
                 onClick: () => props.onCloseAll(props.type),
-                children: t("trading.orders.closeAll")
+                disabled: cancelAllDisabled,
+                children: !props.showAllSymbol ? t("orders.cancelAll.ofSymbol", { symbol: formattedSymbol }) : t("orders.cancelAll")
               }
             )
           ]