From d184fd813aef1b342c9350830e1553c1809753b3 Mon Sep 17 00:00:00 2001
From: midas-myth <midas-myth@proton.me>
Date: Thu, 2 Jan 2025 16:08:40 +0100
Subject: [PATCH] Fix merge effect

---
 src/components/DepthChart/DepthChart.tsx      | 4 ++--
 src/components/Synthetics/TVChart/Chart.tsx   | 1 -
 src/components/Synthetics/TVChart/TVChart.tsx | 5 ++---
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/DepthChart/DepthChart.tsx b/src/components/DepthChart/DepthChart.tsx
index 49d7a3eb00..67cdc24082 100644
--- a/src/components/DepthChart/DepthChart.tsx
+++ b/src/components/DepthChart/DepthChart.tsx
@@ -29,7 +29,7 @@ import { getMidPrice } from "domain/tokens/utils";
 import { bigMath } from "lib/bigmath";
 import {
   bigintToNumber,
-  calculatePriceDecimals,
+  calculateDisplayDecimals,
   expandDecimals,
   formatAmount,
   numberToBigint,
@@ -498,7 +498,7 @@ function Tick(props: any) {
   const { x, y, height, textAnchor, payload, verticalAnchor, index, marketPriceIndex } = props;
 
   const value = numberToBigint(payload.value as number, USD_DECIMALS);
-  const visual = formatAmount(value, USD_DECIMALS, calculatePriceDecimals(value), false);
+  const visual = formatAmount(value, USD_DECIMALS, calculateDisplayDecimals(value), false);
 
   return (
     <Text
diff --git a/src/components/Synthetics/TVChart/Chart.tsx b/src/components/Synthetics/TVChart/Chart.tsx
index 9b1cde264e..7aa02bf691 100644
--- a/src/components/Synthetics/TVChart/Chart.tsx
+++ b/src/components/Synthetics/TVChart/Chart.tsx
@@ -6,7 +6,6 @@ import { useSelector } from "context/SyntheticsStateContext/utils";
 import { useLocalStorageSerializeKey } from "lib/localStorage";
 
 import { TVChartHeader } from "./TVChartHeader";
-
 import { DepthChart } from "components/DepthChart/DepthChart";
 import Tab from "components/Tab/Tab";
 import { TVChart } from "./TVChart";
diff --git a/src/components/Synthetics/TVChart/TVChart.tsx b/src/components/Synthetics/TVChart/TVChart.tsx
index 31dfbd7713..31758c34d8 100644
--- a/src/components/Synthetics/TVChart/TVChart.tsx
+++ b/src/components/Synthetics/TVChart/TVChart.tsx
@@ -1,7 +1,6 @@
 import { t } from "@lingui/macro";
 import { useEffect, useMemo } from "react";
 
-import TVChartContainer, { ChartLine } from "components/TVChartContainer/TVChartContainer";
 import { USD_DECIMALS } from "config/factors";
 import { SUPPORTED_RESOLUTIONS_V2 } from "config/tradingview";
 import {
@@ -14,15 +13,15 @@ import { selectSetIsCandlesLoaded } from "context/SyntheticsStateContext/selecto
 import { selectSelectedMarketVisualMultiplier } from "context/SyntheticsStateContext/selectors/statsSelectors";
 import { useSelector } from "context/SyntheticsStateContext/utils";
 import { convertTokenAddress, getPriceDecimals, getTokenVisualMultiplier } from "sdk/configs/tokens";
-
 import { PositionOrderInfo, isIncreaseOrderType, isSwapOrderType } from "domain/synthetics/orders";
 import { getTokenData } from "domain/synthetics/tokens";
-
 import { useChainId } from "lib/chains";
 import { CHART_PERIODS } from "lib/legacy";
 import { useLocalStorageSerializeKey } from "lib/localStorage";
 import { formatAmount } from "lib/numbers";
 
+import TVChartContainer, { ChartLine } from "components/TVChartContainer/TVChartContainer";
+
 import "./TVChart.scss";
 
 const DEFAULT_PERIOD = "5m";