From e61db2945bf28d36b75cdb7780394cbde051f737 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fl=C3=A1vio=20Eler=20De=20Melo?= Date: Wed, 6 Nov 2024 21:18:30 +0100 Subject: [PATCH] Generate charts with data filtered by selected currency Pre-commit changes --- .../components/Charts/DepthChart/index.tsx | 20 +++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/Charts/DepthChart/index.tsx b/frontend/src/components/Charts/DepthChart/index.tsx index 7c9b3bd6..9837e8a5 100644 --- a/frontend/src/components/Charts/DepthChart/index.tsx +++ b/frontend/src/components/Charts/DepthChart/index.tsx @@ -124,10 +124,22 @@ const DepthChart: React.FC = ({ const generateSeries: () => void = () => { const sortedOrders: PublicOrder[] = xType === 'base_price' - ? enrichedOrders.sort( - (order1, order2) => (order1?.base_price ?? 0) - (order2?.base_price ?? 0), - ) - : enrichedOrders.sort((order1, order2) => order1?.premium - order2?.premium); + ? enrichedOrders + .filter( + (order: PublicOrder | null) => fav.currency === 0 || order?.currency == fav.currency, + ) + .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)