Added condition to hide challenges tab navigation when there is only one challenge (#4044)

2026-02-23 20:23:08 +00:00 · 2021-11-05 23:43:15 +05:30
parent 7451b15015
commit 91e42cb59a
1 changed files with 8 additions and 6 deletions
--- a/beta/src/components/MDX/Challenges/Challenges.tsx
+++ b/beta/src/components/MDX/Challenges/Challenges.tsx
@@ -119,12 +119,14 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
            )}>
            {isRecipes ? 'Try out some recipes' : 'Try out some challenges'}
          </H2>
-          <Navigation
-            activeChallenge={activeChallenge}
-            challenges={challenges}
-            handleChange={handleChallengeChange}
-            isRecipes={isRecipes}
-          />
+          {challenges.length > 1 && (
+            <Navigation
+              activeChallenge={activeChallenge}
+              challenges={challenges}
+              handleChange={handleChallengeChange}
+              isRecipes={isRecipes}
+            />
+          )}
        </div>
        <div className="p-5 sm:py-8 sm:px-8">
          <div key={activeChallenge}>