From 91e42cb59a9345e4d3bff2e70e8f8c7bd0bb5eda Mon Sep 17 00:00:00 2001
From: harish-sethuraman <harish.sethuraman@freshworks.com>
Date: Fri, 5 Nov 2021 23:43:15 +0530
Subject: [PATCH] Added condition to hide challenges tab navigation when there
 is only one challenge (#4044)

---
 beta/src/components/MDX/Challenges/Challenges.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/beta/src/components/MDX/Challenges/Challenges.tsx b/beta/src/components/MDX/Challenges/Challenges.tsx
index 4b5e25be3..9934de66a 100644
--- 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}>