Merge pull request #2145 from cardano-foundation/bugfix/MET-935-messa…

…ge-btc-price-update

fix: MET-935-message-price-btc-update

src/components/Home/Statistic/index.tsx

@@ -4,7 +4,7 @@ import moment from "moment";
 import { useSelector } from "react-redux";
 import { Link as LinkDom } from "react-router-dom";
 import { useTranslation } from "react-i18next";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 
 import useFetch from "src/commons/hooks/useFetch";
 import { useScreen } from "src/commons/hooks/useScreen";
@@ -111,6 +111,11 @@ const HomeStatistic = () => {
     market_cap: 0
   });
   const priceBTC = useRef<number>(0);
+  const [usdLatestUpdated, setUsdLastUpdated] = useState<string>("");
+
+  useEffect(() => {
+    setUsdLastUpdated(usdMarket?.last_updated || "");
+  }, [usdMarket?.last_updated]);
 
   useEffect(() => {
     if (Number(usdMarket?.market_cap) !== Number(marketcap.current.market_cap)) {
@@ -125,10 +130,7 @@ const HomeStatistic = () => {
   useEffect(() => {
     if (Number(btcMarket?.current_price) !== priceBTC.current) {
       priceBTC.current = Number(btcMarket?.current_price);
-      marketcap.current = {
-        ...marketcap.current,
-        last_updated: btcMarket?.last_updated || ""
-      };
+      setUsdLastUpdated(btcMarket?.last_updated || "");
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [btcMarket?.current_price, marketcap.current]);
@@ -176,7 +178,7 @@ const HomeStatistic = () => {
                 </Content>
                 <Content>
                   <TimeDuration data-testid="last-update-ada-price">
-                    <FormNowMessage time={usdMarket.last_updated} />
+                    <FormNowMessage time={usdLatestUpdated} />
                   </TimeDuration>
                 </Content>
               </WrapCardContent>