From 2720687076108a72c56a3174e832e277f10486ab Mon Sep 17 00:00:00 2001
From: Vinay Singh <vinay@mudrex.com>
Date: Fri, 8 Mar 2024 15:31:46 +0530
Subject: [PATCH] api url update for rewards

---
 src/constants/index.ts      |  2 +-
 src/pages/Rewards/index.tsx | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index 765b02aa..8ccd5de4 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -17,7 +17,7 @@ export const STRK_PRICE_API_URL = 'https://api.binance.com/api/v3/ticker/price?s
 
 export const getApiUrl = () => {
   if (isTestnetEnvironment()) {
-    return 'https://api.goerli.jediswap.xyz/graphql'
+    return 'https://api.jediswap.xyz/graphql'
   }
   return 'https://api.jediswap.xyz/graphql'
 }
diff --git a/src/pages/Rewards/index.tsx b/src/pages/Rewards/index.tsx
index b6d49f2c..611f6ddc 100644
--- a/src/pages/Rewards/index.tsx
+++ b/src/pages/Rewards/index.tsx
@@ -363,7 +363,9 @@ const pairs = [
 
 export default function Rewards() {
   const [pairsData, setPairsData] = useState([])
+  const [pairsLoading, setPairsLoading] = useState(false)
   useEffect(() => {
+    setPairsLoading(true)
     const pairIds = pairs.map(pair => pair.poolAddress)
 
     async function getPairsData() {
@@ -404,6 +406,7 @@ export default function Rewards() {
       })
 
       setPairsData(sortedRewardsPositions)
+      setPairsLoading(false)
     }
 
     if (!pairsData.length) {
@@ -542,7 +545,7 @@ export default function Rewards() {
             margin
           /> */}
           <PairName>
-            {pair.token0.symbol}-{pair.token1.symbol}
+            {pair?.token0?.symbol}-{pair?.token1?.symbol}
           </PairName>
           <TotalAPR>
             <div>Total APR:</div>
@@ -561,6 +564,8 @@ export default function Rewards() {
     )
   }
 
+  console.log(pairsData, 'pairsData')
+
   return (
     <PageWrapper>
       <TransactionConfirmationModal
@@ -590,9 +595,7 @@ export default function Rewards() {
                 <DefiSpringTitle>Earn STRK incentives by providing liquidity to these pools:</DefiSpringTitle>
                 <RowFixed>
                   <ResponsiveRow>
-                    {pairsData.map(pair => (
-                      <PairListItem key={pair} pair={pair} />
-                    ))}
+                    {pairsData.length ? pairsData.map(pair => <PairListItem key={pair} pair={pair} />) : 'Loading'}
                   </ResponsiveRow>
                 </RowFixed>
               </div>