Update usePools.js

packages/react-app/src/hooks/usePools.js

@@ -1,11 +1,27 @@
-import Web3 from "web3"; //one of the most popular packages when interacting with smart contracts
+import Web3 from "web3";                            //one of the most popular packages when interacting with smart contracts
 import { useEffect, useState } from "react";
 import { useConfig } from "@usedapp/core";
 
 import { ROUTER_ADDRESS } from "../config";
 
+export const loadPools = async (providerUrl) => {       //fetch liquidity pool
+    const provider = new Web3.providers.HttpProvider(providerUrl);
+
+}
 export const usePools = () => {
     const { readOnlyChainId, readOnlyUrls } = useConfig();
+    const [loading, setLoading] = useState(true);
+    const [pools, setPools] = useState({});
+
+    useEffect(() => {
+        loadPools(readOnlyUrls[readOnlyChainId])
+            .then((pools) => {                      //callback function / asynchronous
+                setPools(pools);
+                setLoading(false);
+            });
+    }, [readOnlyUrls, readOnlyChainId]);            //dependency array
+
+    return [loading, pools];
 }