@orderly.network/trading 2.8.12 → 2.8.13-alpha.0

package/dist/index.mjs

@@ -2,13 +2,13 @@ import { useAccount, useLocalStorage, useConfig, useWalletConnector, useMutation
 import React12, { forwardRef, useMemo, createContext, useContext, useState, useCallback, useEffect, useRef, createElement } from 'react';
 import { useDataTap, useAppContext } from '@orderly.network/react-app';
 import { AccountStatusEnum, ChainNamespace, AlgoOrderRootType, OrderStatus, OrderSide, AssetHistoryStatusEnum, AssetHistorySideEnum, TradingviewFullscreenKey, OrderEntrySortKeys, EMPTY_LIST } from '@orderly.network/types';
-import { TabType, DesktopOrderListWidget, MobileOrderListWidget } from '@orderly.network/ui-orders';
 import { useTranslation, i18n, Trans } from '@orderly.network/i18n';
 import { installExtension, ExtensionPositionEnum, cn, Button, formatAddress, registerSimpleDialog, registerSimpleSheet, modal, useModal, Flex, toast as toast$1, Text, ArrowRightShortIcon, Box, ListView, Grid, ArrowDownShortIcon, gradientTextVariants, EyeIcon, EyeCloseIcon, Divider, ChevronDownIcon, useScreen, Tooltip, Tabs, TabPanel, CloseIcon, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, InfoCircleIcon, ExtensionSlot, NewsFillIcon, SimpleSheet, SimpleDialog, ChainIcon, ExclamationFillIcon, Switch, Checkbox, Sheet, SheetTrigger, SheetContent, SettingFillIcon, Spinner, PopoverRoot, PopoverTrigger, PopoverContent, Select, Popover, CaretUpIcon, CaretDownIcon, Picker, TooltipRoot, TooltipTrigger, TooltipContent as TooltipContent$1, TooltipArrow, parseNumber } from '@orderly.network/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, CloseAllPositionsWidget, MobileLiquidationWidget, MobilePositionsWidget, MobilePositionHistoryWidget, useReversePositionEnabled } from '@orderly.network/ui-positions';
 import { isTestnet, Decimal, commifyOptional, removeTrailingZeros, formatSymbol, optimizeSymbolDisplay, getPrecisionByNumber } from '@orderly.network/utils';
 import { AssetsModule } from '@orderly.network/portfolio';
+import { DesktopOrderListWidget, TabType, MobileOrderListWidget } from '@orderly.network/ui-orders';
 import { AuthGuard } from '@orderly.network/ui-connector';
 import { OrderEntryWidget, LTVRiskTooltipWidget } from '@orderly.network/ui-order-entry';
 import { DepositAndWithdrawWithSheetId, TransferSheetId, DepositStatusWidget, DepositAndWithdrawWithDialogId, TransferDialogId } from '@orderly.network/ui-transfer';
@@ -84,9 +84,7 @@ var init_usePendingOrderCount = __esm({
     init_useTradingLocalStorage();
     usePendingOrderCount = (symbol) => {
       const { showAllSymbol } = useTradingLocalStorage();
-      `orderly_${TabType.pending}_pageSize`;
-      `orderly_${TabType.tp_sl}_pageSize`;
-      const [pendingOrders, { total: pendingCount }] = useOrderStream(
+      const [pendingOrders] = useOrderStream(
         {
           symbol: showAllSymbol ? void 0 : symbol,
           status: OrderStatus.INCOMPLETE,
@@ -99,7 +97,7 @@ var init_usePendingOrderCount = __esm({
           keeplive: true
         }
       );
-      const [tpslOrders, { total: tpslCount }] = useOrderStream(
+      const [tpslOrders] = useOrderStream(
         {
           symbol: showAllSymbol ? void 0 : symbol,
           status: OrderStatus.INCOMPLETE,
@@ -112,6 +110,18 @@ var init_usePendingOrderCount = __esm({
           keeplive: true
         }
       );
+      const pendingCount = useMemo(() => {
+        if (showAllSymbol) {
+          return pendingOrders?.length ?? 0;
+        }
+        return pendingOrders?.filter((item) => item.symbol === symbol)?.length ?? 0;
+      }, [pendingOrders, showAllSymbol, symbol]);
+      const tpslCount = useMemo(() => {
+        if (showAllSymbol) {
+          return tpslOrders?.length ?? 0;
+        }
+        return tpslOrders?.filter((item) => item.symbol === symbol)?.length ?? 0;
+      }, [tpslOrders, showAllSymbol, symbol]);
       const pendingOrderCount = useDataTap(pendingCount) ?? 0;
       const tpSlOrderCount = useDataTap(tpslCount) ?? 0;
       return {