fix empty markets

Azuro-protocol · Dec 16, 2024 · 0fe5da0 · 0fe5da0
1 parent 2a573d0
commit 0fe5da0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/compositions/events/Markets/Markets.tsx b/src/compositions/events/Markets/Markets.tsx
@@ -213,6 +213,10 @@ const Markets: React.FC<MarketsProps> = ({ gameId, gameStatus }) => {
     return <MarketsSkeleton />
   }
 
+  if (!markets?.length) {
+    return null
+  }
+
   return (
     <Content marketsByKey={marketsByKey} sortedMarkets={sortedMarkets} />
   )

diff --git a/src/compositions/events/Markets/utils/useMarket.ts b/src/compositions/events/Markets/utils/useMarket.ts
@@ -77,8 +77,8 @@ const useMarket = ({ sortedMarkets, marketsByKey }: Props) => {
     }
 
     // try to find condition with Created status in active market
-    let nextConditionIndex = marketsByKey[activeMarket].outcomeRows[activeConditionIndex].findIndex(({ conditionId }) => {
-      return statuses[conditionId] === ConditionStatus.Created
+    let nextConditionIndex = marketsByKey[activeMarket].outcomeRows.findIndex((outcomes) => {
+      return outcomes.some(({ conditionId }) => statuses[conditionId] === ConditionStatus.Created)
     })
 
     if (nextConditionIndex !== -1) {

diff --git a/src/compositions/events/TopEvents/TopEvents.tsx b/src/compositions/events/TopEvents/TopEvents.tsx
@@ -83,7 +83,7 @@ const Card: React.FC<CardProps> = ({ game }) => {
                 <div className="bone w-full h-7 rounded-sm" />
               </>
             ) : (
-              marketsRow.map(outcome => (
+              marketsRow?.map(outcome => (
                 <OutcomeButton key={outcome.outcomeId} outcome={outcome} />
               ))
             )