@orderly.network/portfolio 2.11.3-rc.0 → 2.12.0-alpha.0

package/dist/index.js

@@ -845,9 +845,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 } = hooks.useBadgeBySymbol(
+        props.symbol
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Text.symbolBadge,
+        {
+          badge: brokerName ?? brokerId ?? void 0,
+          fullName: brokerNameRaw,
+          className: "oui-cursor-pointer",
+          showIcon: true,
+          children: props.symbol
+        }
+      );
+    };
     useFundingHistoryColumns = () => {
       const { t } = i18n.useTranslation();
       const columns = React12.useMemo(() => {
@@ -856,10 +871,7 @@ var init_column2 = __esm({
             title: t("common.symbol"),
             dataIndex: "symbol",
             width: 80,
-            rule: "symbol",
-            textProps: {
-              showIcon: true
-            }
+            render: (value) => /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: value })
           },
           {
             title: t("common.time"),
@@ -987,9 +999,22 @@ var init_fundingHistory_ui = __esm({
     };
   }
 });
+var SymbolBadge2;
+var init_symbolBadge = __esm({
+  "src/pages/overview/funding/symbolBadge.tsx"() {
+    SymbolBadge2 = (props) => {
+      const { brokerId, brokerName, brokerNameRaw } = hooks.useBadgeBySymbol(
+        props.symbol
+      );
+      const badge = brokerName ?? brokerId ?? void 0;
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.SymbolBadge, { 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 = hooks.useSymbolsInfo();
@@ -1026,11 +1051,16 @@ var init_fundingHistory_ui_mobile = __esm({
                   ui.Text.formatted,
                   {
                     rule: "symbol",
+                    formatString: "base",
                     className: "oui-text-base-contrast oui-mr-1 oui-text-sm",
+                    suffix: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "row", gap: 1, children: [
+                      " ",
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge2, { symbol: item.symbol })
+                    ] }),
                     children: item.symbol
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   ui.Text.formatted,
                   {