@orderly.network/portfolio 2.11.2 → 2.12.0-alpha.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import React12, { createContext, useMemo, useId, useContext, useState, useCallback, useRef, createElement, useEffect } from 'react';
-import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useUserStatistics, useBalanceTopic, useAssetsHistory, useFeeState, useMediaQuery, useAccountInfo, useWalletConnector, usePositionStream, useLeverage, useMaxWithdrawal, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useAppStore, parseJSON, useChains, useTransferHistory, useChainInfo, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
+import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useUserStatistics, useBalanceTopic, useAssetsHistory, useFeeState, useMediaQuery, useAccountInfo, useWalletConnector, usePositionStream, useLeverage, useMaxWithdrawal, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useAppStore, parseJSON, useChains, useTransferHistory, useChainInfo, useBadgeBySymbol, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
 import { useAppContext, useDataTap, useCanTrade } from '@orderly.network/react-app';
 import { AccountStatusEnum, ChainNamespace, EMPTY_LIST, AssetHistoryStatusEnum, AssetHistorySideEnum } from '@orderly.network/types';
-import { registerSimpleSheet, registerSimpleDialog, Tabs, TabPanel, Flex, Text, modal, useModal, SimpleDialog, DataTable, SimpleSheet, TokenIcon, Divider, toast, useScreen, CardTitle, Select, Box, cn, Statistic, CopyIcon, Grid, formatAddress, DataFilter, Tooltip, InfoCircleIcon, Button, EmptyDataState, Card, Either, gradientTextVariants, EyeIcon, EyeCloseIcon, useOrderlyTheme, ArrowDownSquareFillIcon, ArrowLeftRightIcon, ArrowUpSquareFillIcon, ArrowRightShortIcon, CalendarMinusIcon, AffiliateIcon, ChevronRightIcon, TraderMobileIcon, SettingFillIcon, Switch, ChainIcon, capitalizeFirstLetter, usePagination, ListView, Badge, ArrowDownShortIcon, ScrollIndicator, PlusIcon, FeeTierIcon, ServerFillIcon, ArrowLeftRightSquareFill, VaultsIcon } from '@orderly.network/ui';
+import { registerSimpleSheet, registerSimpleDialog, Tabs, TabPanel, Flex, Text, modal, useModal, SimpleDialog, DataTable, SimpleSheet, TokenIcon, Divider, toast, useScreen, CardTitle, Select, Box, cn, Statistic, CopyIcon, Grid, formatAddress, DataFilter, Tooltip, InfoCircleIcon, Button, EmptyDataState, Card, Either, gradientTextVariants, EyeIcon, EyeCloseIcon, useOrderlyTheme, ArrowDownSquareFillIcon, ArrowLeftRightIcon, ArrowUpSquareFillIcon, ArrowRightShortIcon, CalendarMinusIcon, AffiliateIcon, ChevronRightIcon, TraderMobileIcon, SettingFillIcon, Switch, ChainIcon, capitalizeFirstLetter, usePagination, ListView, Badge, ArrowDownShortIcon, ScrollIndicator, PlusIcon, SymbolBadge as SymbolBadge$1, FeeTierIcon, ServerFillIcon, ArrowLeftRightSquareFill, VaultsIcon } from '@orderly.network/ui';
 import { LeverageWidgetWithDialogId } from '@orderly.network/ui-leverage';
 import { DepositAndWithdrawWithSheetId, DepositAndWithdrawWithDialogId, TransferSheetId, TransferDialogId, DepositStatusWidget } from '@orderly.network/ui-transfer';
 import { i18n, useTranslation, Trans } from '@orderly.network/i18n';
@@ -838,9 +838,24 @@ var init_assetHistory = __esm({
     init_assetHistory_widget();
   }
 });
-var useFundingHistoryColumns;
+var SymbolBadge, useFundingHistoryColumns;
 var init_column2 = __esm({
   "src/pages/overview/funding/column.tsx"() {
+    SymbolBadge = (props) => {
+      const { brokerId, brokerName, brokerNameRaw } = useBadgeBySymbol(
+        props.symbol
+      );
+      return /* @__PURE__ */ jsx(
+        Text.symbolBadge,
+        {
+          badge: brokerName ?? brokerId ?? void 0,
+          fullName: brokerNameRaw,
+          className: "oui-cursor-pointer",
+          showIcon: true,
+          children: props.symbol
+        }
+      );
+    };
     useFundingHistoryColumns = () => {
       const { t } = useTranslation();
       const columns = useMemo(() => {
@@ -849,10 +864,7 @@ var init_column2 = __esm({
             title: t("common.symbol"),
             dataIndex: "symbol",
             width: 80,
-            rule: "symbol",
-            textProps: {
-              showIcon: true
-            }
+            render: (value) => /* @__PURE__ */ jsx(SymbolBadge, { symbol: value })
           },
           {
             title: t("common.time"),
@@ -980,9 +992,22 @@ var init_fundingHistory_ui = __esm({
     };
   }
 });
+var SymbolBadge2;
+var init_symbolBadge = __esm({
+  "src/pages/overview/funding/symbolBadge.tsx"() {
+    SymbolBadge2 = (props) => {
+      const { brokerId, brokerName, brokerNameRaw } = useBadgeBySymbol(
+        props.symbol
+      );
+      const badge = brokerName ?? brokerId ?? void 0;
+      return /* @__PURE__ */ jsx(SymbolBadge$1, { badge, fullName: brokerNameRaw });
+    };
+  }
+});
 var FundingHistoryMobile;
 var init_fundingHistory_ui_mobile = __esm({
   "src/pages/overview/funding/fundingHistory.ui.mobile.tsx"() {
+    init_symbolBadge();
     FundingHistoryMobile = (props) => {
       const { dataSource: dataSource2, queryParameter, onFilter, isLoading, pagination } = props;
       const symbols = useSymbolsInfo();
@@ -1019,11 +1044,16 @@ var init_fundingHistory_ui_mobile = __esm({
                   Text.formatted,
                   {
                     rule: "symbol",
+                    formatString: "base",
                     className: "oui-text-base-contrast oui-mr-1 oui-text-sm",
+                    suffix: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
+                      " ",
+                      /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
+                      /* @__PURE__ */ jsx(SymbolBadge2, { symbol: item.symbol })
+                    ] }),
                     children: item.symbol
                   }
                 ),
-                /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
                 /* @__PURE__ */ jsx(
                   Text.formatted,
                   {