@orderly.network/trading 2.8.3-alpha.0 → 2.8.4-alpha.0

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { installExtension, ExtensionPositionEnum, cn, Button, formatAddress, reg
 import { useTranslation, i18n, Trans } from '@orderly.network/i18n';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, CloseAllPositionsWidget, MobileLiquidationWidget, MobilePositionsWidget, MobilePositionHistoryWidget } from '@orderly.network/ui-positions';
-import { isTestnet, Decimal, commifyOptional, removeTrailingZeros, optimizeSymbolDisplay, getPrecisionByNumber } from '@orderly.network/utils';
+import { isTestnet, Decimal, commifyOptional, removeTrailingZeros, formatSymbol, optimizeSymbolDisplay, getPrecisionByNumber } from '@orderly.network/utils';
 import { AssetsModule } from '@orderly.network/portfolio';
 import { AuthGuard } from '@orderly.network/ui-connector';
 import { OrderEntryWidget, LTVRiskTooltipWidget } from '@orderly.network/ui-order-entry';
@@ -2638,7 +2638,7 @@ var init_fundingRate_ui = __esm({
           }
         ),
         predFundingRate === null ? "--" : /* @__PURE__ */ jsxs("div", { className: "orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36", children: [
-          /* @__PURE__ */ jsx(Text.numeral, { coloring: true, suffix: "%", dp: 4, children: predFundingRate ?? "--" }),
+          /* @__PURE__ */ jsx(Text.numeral, { suffix: "%", dp: 4, intensity: 80, children: predFundingRate ?? "--" }),
           /* @__PURE__ */ jsx("span", { children: " in" }),
           /* @__PURE__ */ jsx("span", { children: " " + countDown })
         ] })
@@ -4966,7 +4966,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();
@@ -4980,21 +4980,30 @@ var init_dataList_script2 = __esm({
       const { t } = useTranslation();
       const { onSymbolChange } = useTradingPageContext();
       const localStorage2 = useTradingLocalStorage();
-      const [_, { cancelAllOrders, cancelAllTPSLOrders }] = useOrderStream({});
+      const [_, { cancelAllPendingOrders, cancelAllTPSLOrders }] = useOrderStream(
+        {}
+      );
       const { positionCount } = usePositionsCount(symbol);
       const { pendingOrderCount, tpSlOrderCount } = usePendingOrderCount(symbol);
       const onCloseAll = (type) => {
-        const title = type === TabType.pending ? t("orders.pending.cancelAll") : type === TabType.tp_sl ? t("orders.tpsl.cancelAll") : "";
-        const content = type === TabType.pending ? t("orders.pending.cancelAll.description") : type === TabType.tp_sl ? t("orders.tpsl.cancelAll.description") : "";
+        const { title, content } = getDialogInfo(
+          type,
+          t,
+          localStorage2.showAllSymbol ? void 0 : symbol
+        );
         modal.confirm({
           title,
           content: /* @__PURE__ */ jsx(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) {
@@ -5023,6 +5032,46 @@ var init_dataList_script2 = __esm({
         onSymbolChange
       };
     };
+    getDialogInfo = (type, t, symbol) => {
+      const formattedSymbol = symbol ? formatSymbol(symbol, "base") : symbol;
+      switch (type) {
+        case 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 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;
@@ -5035,7 +5084,18 @@ var init_dataList_ui2 = __esm({
       })
     );
     SymbolControlHeader = (props) => {
+      const { pendingOrderCount, tpSlOrderCount, type, symbol } = props;
       const { t } = useTranslation();
+      const cancelAllDisabled = useMemo(() => {
+        if (type === TabType.pending) {
+          return pendingOrderCount === 0;
+        }
+        if (type === TabType.tp_sl) {
+          return tpSlOrderCount === 0;
+        }
+        return false;
+      }, [pendingOrderCount, tpSlOrderCount, type]);
+      const formattedSymbol = props.showAllSymbol ? void 0 : symbol ? formatSymbol(symbol, "base") : symbol;
       return /* @__PURE__ */ jsxs(
         Flex,
         {
@@ -5076,7 +5136,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")
               }
             )
           ]