fix: filter current pairs

burrowHQ · Nov 26, 2024 · 0e6bb70 · 0e6bb70
1 parent 025b7a8
commit 0e6bb70
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/screens/Trading/components/Table.tsx b/screens/Trading/components/Table.tsx
@@ -11,7 +11,13 @@ import { IAssetEntry } from "../../../interfaces";
 import DataSource from "../../../data/datasource";
 import { useAccountId } from "../../../hooks/hooks";
 
-const TradingTable = ({ positionsList }) => {
+const TradingTable = ({
+  positionsList,
+  filterTitle = "",
+}: {
+  positionsList: any;
+  filterTitle?: string;
+}) => {
   const [selectedTab, setSelectedTab] = useState("positions");
   const [isClosePositionModalOpen, setIsClosePositionMobileOpen] = useState(false);
   const [isChangeCollateralMobileOpen, setIsChangeCollateralMobileOpen] = useState(false);
@@ -132,6 +138,7 @@ const TradingTable = ({ positionsList }) => {
                       calculateLeverage={calculateLeverage}
                       marginConfigTokens={marginConfigTokens}
                       assets={assets}
+                      filterTitle={filterTitle}
                     />
                   ))
                 ) : (
@@ -252,6 +259,7 @@ const PositionRow = ({
   calculateLeverage,
   assets,
   marginConfigTokens,
+  filterTitle,
 }) => {
   // console.log(itemKey, item, index);
   const [entryPrice, setEntryPrice] = useState(0);
@@ -299,7 +307,9 @@ const PositionRow = ({
   const positionType = getPositionType(item.token_d_info.token_id);
   const marketTitle =
     positionType.label === "Long" ? `${symbolP}/${symbolC}` : `${symbolD}/${symbolC}`;
-
+  if (filterTitle && marketTitle !== filterTitle) {
+    return null;
+  }
   const sizeValueLong = parseTokenValue(item.token_p_amount, decimalsP);
   const sizeValueShort = parseTokenValue(item.token_d_info.balance, decimalsD);
   const sizeValue =

diff --git a/screens/Trading/index.tsx b/screens/Trading/index.tsx
@@ -164,7 +164,12 @@ const Trading = () => {
     handleTransactionResults(query?.transactionHashes, query?.errorMessage);
   }, [query?.transactionHashes, query?.errorMessage]);
 
+  const filterTitle = `${
+    currentTokenCate1?.metadata?.symbol == "wNEAR" ? "NEAR" : currentTokenCate1?.metadata?.symbol
+  }/${currentTokenCate2?.metadata?.symbol}`;
+
   //
+  console.log(marginAccountList);
   return (
     <LayoutBox>
       {/* back */}
@@ -296,7 +301,7 @@ const Trading = () => {
           <TradingOperate />
         </div>
       </div>
-      {accountId && <TradingTable positionsList={marginAccountList} />}
+      {accountId && <TradingTable positionsList={marginAccountList} filterTitle={filterTitle} />}
     </LayoutBox>
   );
 };