chore: added firebase config

libs/templates/src/lib/home/sections/live-market-section/hooks/use-pricing-feed.tsx

@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react';
+import { initializeApp } from 'firebase/app';
+import { getDatabase, ref, onValue } from 'firebase/database';
+import { firebaseConfig } from '@deriv-com/utils';
+
+const usePricingFeed = () => {
+  const [data, setData] = useState(null);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    const app = initializeApp(firebaseConfig);
+    const db = getDatabase(app);
+
+    const commoditiesRef = ref(db);
+    const unsubscribe = onValue(
+      commoditiesRef,
+      (snapshot) => {
+        setData(snapshot.val());
+      },
+      (err) => {
+        setError(err);
+      },
+    );
+
+    return unsubscribe;
+  }, []);
+
+  return [error, data];
+};
+
+export default usePricingFeed;

libs/templates/src/lib/home/sections/live-market-section/index.tsx

@@ -10,9 +10,11 @@ import {
   MarketForexUsdcadIcon,
   StandaloneLocationCrosshairsBoldIcon,
 } from '@deriv/quill-icons';
+import usePricingFeed from './hooks/use-pricing-feed';
 
 const LiveMarketSection = () => {
   const [LivePriceData, setLivePriceData] = useState<LiveMarketContent[]>([]);
+  const [error, liveMarketsData] = usePricingFeed();
 
   const forexIcons: { [key: string]: ReactNode } = {
     'AUD/USD': <MarketForexAudusdIcon />,
@@ -21,14 +23,15 @@ const LiveMarketSection = () => {
     'GBP/USD': <MarketForexGbpusdIcon />,
     'USD/CAD': <MarketForexUsdcadIcon />,
   };
-
   const handleLiveMarketData = (data: any) => {
     if (data) {
       const markets = data?.row?.mkt;
 
       if (markets) {
         const { fx } = markets;
+
         const newLivePriceData = [...LivePriceData];
+        console.log('fnewLivePriceDatax', newLivePriceData);
 
         Object.keys(fx).forEach((marketKey) => {
           const { sym, ask, bid, chng, sprd } = fx[marketKey];
@@ -53,17 +56,13 @@ const LiveMarketSection = () => {
         });
 
         setLivePriceData(newLivePriceData);
-      }
+      } else return error;
     }
   };
 
   useEffect(() => {
-    setInterval(() => {
-      fetch('https://deriv-static-pricingfeedv2.firebaseio.com/.json')
-        .then((response) => response.json())
-        .then((data) => handleLiveMarketData(data));
-    }, 900);
-  }, []);
+    handleLiveMarketData(liveMarketsData);
+  }, [liveMarketsData]);
 
   return (
     <LiveMarket

libs/utils/src/lib/utils.ts

@@ -48,3 +48,7 @@ export const searchString = (
 
   return [];
 };
+
+export const firebaseConfig = {
+  databaseURL: 'https://deriv-static-pricingfeedv2.firebaseio.com/',
+};