From 7e75c8ae0227e35d191f44970f0f9c8303c70801 Mon Sep 17 00:00:00 2001
From: Abhinav Sinha <zeborg3@gmail.com>
Date: Wed, 17 Jun 2026 16:33:14 +0530
Subject: [PATCH] fix: hide difficulty from scenario ui in exam mode

Signed-off-by: Abhinav Sinha <zeborg3@gmail.com>
---
 frontend/src/components/ScenarioPanel.jsx |  8 +++---
 frontend/src/components/Sidebar.jsx       | 30 +++++++++++++----------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/ScenarioPanel.jsx b/frontend/src/components/ScenarioPanel.jsx
index 068e82d..a597770 100644
--- a/frontend/src/components/ScenarioPanel.jsx
+++ b/frontend/src/components/ScenarioPanel.jsx
@@ -201,9 +201,11 @@ export default function ScenarioPanel({ scenario, onProgressUpdate, onScenarioSt
       <div className={styles.scenarioHeader}>
         <div className={styles.scenarioMeta}>
           <span className={styles.category}>{scenario.category}</span>
-          <span className={`${styles.diff} ${styles[scenario.difficulty?.toLowerCase()]}`}>
-            {scenario.difficulty}
-          </span>
+          {!isExamMode && (
+            <span className={`${styles.diff} ${styles[scenario.difficulty?.toLowerCase()]}`}>
+              {scenario.difficulty}
+            </span>
+          )}
           <span className={styles.typeTag}>{scenario.type === 'mcq' ? 'Multiple Choice' : 'Hands-on Task'}</span>
           {!isExamMode && <span className={styles.weight}>{scenario.weight} pts</span>}
         </div>
diff --git a/frontend/src/components/Sidebar.jsx b/frontend/src/components/Sidebar.jsx
index d05fd8c..d546014 100644
--- a/frontend/src/components/Sidebar.jsx
+++ b/frontend/src/components/Sidebar.jsx
@@ -109,16 +109,18 @@ export default function Sidebar({
       {/* Filter bar */}
       {!collapsed && (
         <div className={styles.filterBar}>
-          <select 
-            value={filterDiff} 
-            onChange={e => setFilterDiff(e.target.value)}
-            className={`${styles.selectFilter} ${filterDiff !== 'All' ? styles[DIFF_COLOR[filterDiff]] : ''}`}
-          >
-            <option value="All">All Difficulties</option>
-            <option value="Easy">Easy</option>
-            <option value="Medium">Medium</option>
-            <option value="Hard">Hard</option>
-          </select>
+          {!isExamMode && (
+            <select 
+              value={filterDiff} 
+              onChange={e => setFilterDiff(e.target.value)}
+              className={`${styles.selectFilter} ${filterDiff !== 'All' ? styles[DIFF_COLOR[filterDiff]] : ''}`}
+            >
+              <option value="All">All Difficulties</option>
+              <option value="Easy">Easy</option>
+              <option value="Medium">Medium</option>
+              <option value="Hard">Hard</option>
+            </select>
+          )}
           <select 
             value={filterType} 
             onChange={e => setFilterType(e.target.value)}
@@ -210,9 +212,11 @@ export default function Sidebar({
                             )}
                           </div>
                           <div className={styles.itemMeta}>
-                            <span className={`${styles.diff} ${styles[DIFF_COLOR[s.difficulty]]}`}>
-                              {s.difficulty}
-                            </span>
+                            {!isExamMode && (
+                              <span className={`${styles.diff} ${styles[DIFF_COLOR[s.difficulty]]}`}>
+                                {s.difficulty}
+                              </span>
+                            )}
                             <span className={`${styles.type} ${styles[s.type]}`}>{s.type.toUpperCase()}</span>
                             {!isExamMode && <span className={styles.weight}>{s.weight}pt</span>}
                             {isExamMode && examDone && (