removed some unused code

src/App.js

@@ -7,6 +7,8 @@ import MatchDetail from './components/MatchDetail';
 import Bet from './components/Bet';
 import Store from './components/Store';
 import AdminPage from './components/AdminPage';
+import Loader from './components/Loader';
+import BetHistory from './components/BetHistory';
 
 
 
@@ -24,6 +26,8 @@ function App() {
         <Route path="/detail/:id" element={<MatchDetail/>} />
         <Route path="/store" element={<Store/>} />
         <Route path="/admin" element={<AdminPage/>} />
+        <Route path="/loader" element={<Loader/>} />
+        <Route path="/betHistory" element={<BetHistory/>} />
       </Routes>
     </Router>
     </div>

src/components/Bet.js

@@ -2,9 +2,10 @@ import React from "react";
 import { useParams } from "react-router-dom";
 import { ethers, wordlists } from "ethers";
 
+import Loader from "./Loader";
+
 import DAIABI from "../abis/DAI.json";
 import BetABI from "../abis/Bet.json";
-import BetOracleABI from "../abis/BetOracle.json";
 import { useEffect, useState } from "react";
 
 export default function Bet() {
@@ -13,6 +14,7 @@ export default function Bet() {
   const [amountToBet, setamount] = useState();
   const [tokens, setTokens] = useState([]);
   const [selectToken, setselectedtoken] = useState();
+  const [loader, setLoader] = useState(false);
 
   const DAIContractAddress = process.env.REACT_APP_DAI_CONTRACT_ADDRESS;
   const BetContractAddress = process.env.REACT_APP_Bet_CONTRACT_ADDRESS;
@@ -42,13 +44,27 @@ export default function Bet() {
   }, []);
 
   const handleBet =async(id,team,amount)=>{
+    console.log("bet initiated");
     const betContract = new ethers.Contract(
         BetContractAddress,
         BetABI,
         signer
       );
       const bet = await betContract.placeBet(id,team,amount)
-
+      console.log("bet confirming");
+      let txConfirm = await provider.getTransaction(bet.hash)
+      console.log(txConfirm)
+      // wait for transaction to be mined
+      setLoader(true)
+      console.log(loader)
+      while (txConfirm.blockNumber === null) {
+        txConfirm = await provider.getTransaction(bet.hash)
+        // create a loader  
+        console.log("waiting for transaction to be mined")        
+      }
+      console.log(loader)
+      setLoader(false)
+      console.log("transaction mined")
   }
 
   const handleFlashBet =async(id,team,amount,selectToken)=>{
@@ -83,6 +99,7 @@ export default function Bet() {
         <br/>
         <br/>
         <h3>Bet</h3>
+        {loader ? <Loader /> : <> </>}
     {event &&
       <form > 
       <lebel>Select Team:</lebel>

src/components/MatchDetail.js

@@ -30,7 +30,7 @@ export default function MatchDetail(props) {
       );
       const betOddsA = await betOracleContract.getOddsA(eventId);
       const a = parseInt(betOddsA._hex.slice(2), 16);
-      const realvalA = a / 100
+      const realvalA = a / 100;
       setOddA(realvalA);
       const betOddsB = await betOracleContract.getOddsB(eventId);
       const b = parseInt(betOddsB._hex.slice(2), 16);

src/index.css

@@ -22,4 +22,7 @@ code {
   height: 100%;
   background-color: #282c34;
   color: white;
-}
+}
+
+
+