From 2238973100f900ea0cb62e2ff1db14f199ae0ebc Mon Sep 17 00:00:00 2001
From: Khushalsarode <khushalsarode.in@gmail.com>
Date: Tue, 7 Oct 2025 20:35:28 +0530
Subject: [PATCH 1/2] Fix: Move Devfolio submenus into main navbar

---
 docusaurus.config.ts | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index ad48b898..b2f82963 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -156,20 +156,16 @@ const config: Config = {
           html: '<span class="nav-emoji">💰</span> Donate',
           position: "left",
         },
+        //Moved the link directly to main menus!
         {
-          type: "dropdown",
-          html: '<span class="nav-emoji">👩🏻‍💻</span> Devfolio',
+        to: "https://dev.recodehive.com/devfolio",
+          html: '<span class="nav-emoji">💻</span> GitHub Profiles',
+          position: "left",
+        },
+        {
+          to: "/badges/github-badges/",
+          html: '<span class="nav-emoji">🎖️</span> GitHub Badges',
           position: "left",
-          items: [
-            {
-              label: "💻GitHub Profiles",
-              to: "https://dev.recodehive.com/devfolio",
-            },
-            {
-              label: "🎖️ GitHub Badges",
-              to: "/badges/github-badges/",
-            },
-          ],
         },
         {
           to: "/blogs",

From f034936b7dc5b447ca5574d07c748c2f680a20ff Mon Sep 17 00:00:00 2001
From: Khushalsarode <khushalsarode.in@gmail.com>
Date: Sat, 11 Oct 2025 23:21:36 +0530
Subject: [PATCH 2/2] Fixed Tab redirection issue in interview prep

---
 src/pages/interview-prep/PracticeTab.tsx | 14 ++--
 src/pages/interview-prep/index.tsx       | 91 ++++++++++++------------
 2 files changed, 55 insertions(+), 50 deletions(-)

diff --git a/src/pages/interview-prep/PracticeTab.tsx b/src/pages/interview-prep/PracticeTab.tsx
index c0bafca0..95043b77 100644
--- a/src/pages/interview-prep/PracticeTab.tsx
+++ b/src/pages/interview-prep/PracticeTab.tsx
@@ -37,10 +37,11 @@ interface PracticeStats {
 }
 
 interface PracticeTabProps {
-    mockInterviewQuestions?: MockQuestion[]
-    onTabChange?: (tab: string) => void
+  mockInterviewQuestions?: MockQuestion[];
+  onTabChange?: (tab: "overview" | "technical" | "behavioral" | "companies" | "practice") => void;
 }
 
+
 const fadeIn = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } }
 const staggerContainer = { hidden: {}, visible: { transition: { staggerChildren: 0.1 } } }
 const scaleIn = { hidden: { scale: 0.8, opacity: 0 }, visible: { scale: 1, opacity: 1, transition: { duration: 0.5 } } }
@@ -188,11 +189,12 @@ const PracticeTab: React.FC<PracticeTabProps> = ({ mockInterviewQuestions = [],
         })
     }
 
-    const handleTabNavigation = (tab: string) => {
-        if (onTabChange) {
-            onTabChange(tab)
-        }
+    const handleTabNavigation = (tab: "overview" | "technical" | "behavioral" | "companies" | "practice") => {
+    if (onTabChange) {
+        onTabChange(tab)
     }
+}
+
 
     const progressPercentage = allQuestions.length > 0 ? (practiceStats.totalCompleted / allQuestions.length) * 100 : 0
 
diff --git a/src/pages/interview-prep/index.tsx b/src/pages/interview-prep/index.tsx
index 6f929c9e..6f2ccfe6 100644
--- a/src/pages/interview-prep/index.tsx
+++ b/src/pages/interview-prep/index.tsx
@@ -1138,54 +1138,57 @@ function InterviewPrepContent({
           </div>
         </div>
 
-        {/* Tab Content */}
-  <div className="interview-prep-page max-w-6xl mx-auto px-4 py-12">
-          {/* Overview Tab */}
-          {activeTab === "overview" && (
-            <OverviewTab
-              toggleTips={toggleTips}
-              toggleQuestions={toggleQuestions}
-              showTips={showTips}
-              showQuestions={showQuestions}
-              setActiveTab={setActiveTab}
-            />
-          )}
+{/* Tab Content */}
+<div className="interview-prep-page max-w-6xl mx-auto px-4 py-12">
+  {/* Overview Tab */}
+  {activeTab === "overview" && (
+    <OverviewTab
+      toggleTips={toggleTips}
+      toggleQuestions={toggleQuestions}
+      showTips={showTips}
+      showQuestions={showQuestions}
+      setActiveTab={setActiveTab}
+    />
+  )}
 
-          {/* Technical Tab */}
-          {activeTab === "technical" && (
-            <TechnicalTab
-              technicalResources={technicalResources}
-              practicePlatforms={practicePlatforms}
-              expandedCategories={expandedCategories}
-              toggleCategory={toggleCategory}
-            />
-          )}
+  {/* Technical Tab */}
+  {activeTab === "technical" && (
+    <TechnicalTab
+      technicalResources={technicalResources}
+      practicePlatforms={practicePlatforms}
+      expandedCategories={expandedCategories}
+      toggleCategory={toggleCategory}
+    />
+  )}
 
-          {/* Behavioral Tab */}
-          {activeTab === "behavioral" && (
-            <BehavioralTab
-              behavioralQuestions={behavioralQuestions}
-              expandedCategories={expandedCategories}
-              toggleCategory={toggleCategory}
-            />
-          )}
+  {/* Behavioral Tab */}
+  {activeTab === "behavioral" && (
+    <BehavioralTab
+      behavioralQuestions={behavioralQuestions}
+      expandedCategories={expandedCategories}
+      toggleCategory={toggleCategory}
+    />
+  )}
 
-          {/* Companies Tab */}
-          {activeTab === "companies" && (
-            <CompaniesTab
-              companyTips={companyTips}
-              toggleTips={toggleTips}
-              toggleQuestions={toggleQuestions}
-              showTips={showTips}
-              showQuestions={showQuestions}
-            />
-          )}
+  {/* Companies Tab */}
+  {activeTab === "companies" && (
+    <CompaniesTab
+      companyTips={companyTips}
+      toggleTips={toggleTips}
+      toggleQuestions={toggleQuestions}
+      showTips={showTips}
+      showQuestions={showQuestions}
+    />
+  )}
 
-          {/* Practice Tab */}
-          {activeTab === "practice" && (
-            <PracticeTab mockInterviewQuestions={mockInterviewQuestions} />
-          )}
-        </div>
+  {/* Practice Tab */}
+  {activeTab === "practice" && (
+    <PracticeTab
+      mockInterviewQuestions={mockInterviewQuestions}
+      onTabChange={setActiveTab}  // ✅ pass the function here
+    />
+  )}
+</div>
 
         {/* Call to Action */}
         <motion.section