Generate charts with data filtered by selected currency

RoboSats · Nov 6, 2024 · e85a292 · e85a292
1 parent 054093d
commit e85a292
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/frontend/src/components/Charts/DepthChart/index.tsx b/frontend/src/components/Charts/DepthChart/index.tsx
@@ -124,10 +124,24 @@ const DepthChart: React.FC<DepthChartProps> = ({
   const generateSeries: () => void = () => {
     const sortedOrders: PublicOrder[] =
       xType === 'base_price'
-        ? enrichedOrders.sort(
-            (order1, order2) => (order1?.base_price ?? 0) - (order2?.base_price ?? 0),
+        ? enrichedOrders
+          .filter(
+            (order: PublicOrder | null) =>
+            (fav.currency === 0) || (order?.currency == fav.currency)
           )
-        : enrichedOrders.sort((order1, order2) => order1?.premium - order2?.premium);
+          .sort(
+            (order1: PublicOrder | null, order2: PublicOrder | null) =>
+            (order1?.base_price ?? 0) - (order2?.base_price ?? 0)
+          )
+        : enrichedOrders
+          .filter(
+            (order: PublicOrder | null) =>
+            (fav.currency === 0) || (order?.currency == fav.currency)
+          )
+          .sort(
+            (order1: PublicOrder | null, order2: PublicOrder | null) =>
+            order1?.premium - order2?.premium
+          );
 
     const sortedBuyOrders: PublicOrder[] = sortedOrders
       .filter((order) => order?.type === 0)