Display latest price from pool instead of historical price data (#3275)

* 10s * Revert "10s" This reverts commit a8bc9f5. * CL liquidity historical chart: get latest price from pool * remove log
osmosis-labs · May 23, 2024 · 5f3df1e · 5f3df1e
1 parent 86d806f
commit 5f3df1e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/packages/web/components/cards/my-position/expanded.tsx b/packages/web/components/cards/my-position/expanded.tsx
@@ -537,8 +537,14 @@ const Chart: FunctionComponent<{
   config: ObservableHistoricalAndLiquidityData;
   position: UserPosition;
 }> = observer(({ config, position: { isFullRange } }) => {
-  const { historicalChartData, yRange, setHoverPrice, lastChartData, range } =
-    config;
+  const {
+    historicalChartData,
+    yRange,
+    setHoverPrice,
+    lastChartData,
+    range,
+    currentPrice,
+  } = config;
 
   return (
     <HistoricalPriceChart
@@ -551,7 +557,9 @@ const Chart: FunctionComponent<{
       domain={yRange}
       onPointerHover={(price) => setHoverPrice(price)}
       onPointerOut={
-        lastChartData ? () => setHoverPrice(lastChartData.close) : undefined
+        lastChartData
+          ? () => setHoverPrice(Number(currentPrice.toString()))
+          : undefined
       }
     />
   );

diff --git a/packages/web/components/pool-detail/concentrated.tsx b/packages/web/components/pool-detail/concentrated.tsx
@@ -422,7 +422,13 @@ const ChartHeader: FunctionComponent<{
 const Chart: FunctionComponent<{
   config: ObservableHistoricalAndLiquidityData;
 }> = observer(({ config }) => {
-  const { historicalChartData, yRange, setHoverPrice, lastChartData } = config;
+  const {
+    historicalChartData,
+    yRange,
+    setHoverPrice,
+    lastChartData,
+    currentPrice,
+  } = config;
 
   return (
     <HistoricalPriceChart
@@ -432,7 +438,7 @@ const Chart: FunctionComponent<{
       onPointerHover={setHoverPrice}
       onPointerOut={() => {
         if (lastChartData) {
-          setHoverPrice(Number(lastChartData.close));
+          setHoverPrice(Number(currentPrice.toString()));
         }
       }}
     />