Only hooked up the section state had forgot to plugin into Header's isEvaluationEnabled

src/components/ExamEditor/Exercises/Blanks/Letters/index.tsx

@@ -106,7 +106,7 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
         onPractice: () => {
             const updatedExercise = {
                 ...local,
-                //isPractice: !isPractice,
+                isPractice: !local.isPractice,
             };
             const newState = { ...section };
             newState.exercises = newState.exercises.map((ex) =>
@@ -242,8 +242,6 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [answers, blanksState.blanks, blanksState.textMode])
 
-    
-
     useEffect(()=> {
         setEditingAlert(editing, setAlerts);
     }, [editing])
@@ -266,7 +264,7 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
                 onDelete={handleDelete}
                 setEditing={setEditing}
                 onPractice={handlePractice}
-                isEvaluationEnabled={true}//local.isPractice}
+                isEvaluationEnabled={!local.isPractice}
             >
                 <>
                     {!blanksState.textMode && <Card className="p-4">

src/components/ExamEditor/Exercises/Blanks/MultipleChoice/index.tsx

@@ -266,7 +266,7 @@ const FillBlanksMC: React.FC<{ exercise: FillBlanksExercise; sectionId: number }
                 onPractice={handlePractice}
                 setEditing={setEditing}
                 onBlankRemove={handleBlankRemove}
-                isEvaluationEnabled={true}
+                isEvaluationEnabled={!local.isPractice}
             >
                 {!blanksState.textMode && selectedBlankId && (
                     <Card className="p-4">

src/components/ExamEditor/Exercises/Blanks/WriteBlankFill/index.tsx

@@ -173,7 +173,7 @@ const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: numb
                 onDelete={handleDelete}
                 onPractice={handlePractice}
                 setEditing={setEditing}
-                isEvaluationEnabled={true}
+                isEvaluationEnabled={!local.isPractice}
             >
                 {!blanksState.textMode && (
                     <Card>

src/components/ExamEditor/Exercises/Blanks/index.tsx

@@ -38,7 +38,7 @@ interface Props {
     onDiscard: () => void;
     onDelete: () => void;
     onPractice: () => void;
-    isEvaluationEnabled: boolean;
+    isEvaluationEnabled?: boolean;
     children: ReactNode;
 }
 

src/components/ExamEditor/Exercises/MatchSentences/index.tsx

@@ -156,7 +156,7 @@ const MatchSentences: React.FC<{ exercise: MatchSentencesExercise, sectionId: nu
         handleDelete={handleDelete}
         handleDiscard={handleDiscard}
         handlePractice={handlePractice}
-        isEvaluationEnabled={true}
+        isEvaluationEnabled={!local.isPractice}
       >
         <button
           onClick={() => setShowReference(!showReference)}

src/components/ExamEditor/Exercises/MultipleChoice/Underline/index.tsx

@@ -121,7 +121,7 @@ const UnderlineMultipleChoice: React.FC<{exercise: MultipleChoiceExercise, secti
                 handleDelete={handleDelete}
                 handlePractice={handlePractice}
                 handleDiscard={handleDiscard}
-                isEvaluationEnabled={true}
+                isEvaluationEnabled={!local.isPractice}
             />
             {alerts.length > 0 && <Alert className="mb-6" alerts={alerts} />}
             

src/components/ExamEditor/Exercises/MultipleChoice/Vanilla/index.tsx

@@ -210,7 +210,7 @@ const MultipleChoice: React.FC<MultipleChoiceProps> = ({ exercise, sectionId, op
                 handleDelete={handleDelete}
                 handleDiscard={handleDiscard}
                 handlePractice={handlePractice}
-                isEvaluationEnabled={true}
+                isEvaluationEnabled={!local.isPractice}
             />
             {alerts.length > 0 && <Alert className="mb-6" alerts={alerts} />}
             <Card className="mb-6">

src/components/ExamEditor/Exercises/Speaking/InteractiveSpeaking.tsx

@@ -145,7 +145,7 @@ const InteractiveSpeaking: React.FC<Props> = ({ sectionId, exercise, module = "s
                     handleEdit={handleEdit}
                     handleDiscard={handleDiscard}
                     handlePractice={handlePractice}
-                    isEvaluationEnabled={true}
+                    isEvaluationEnabled={!local.isPractice}
                     module="speaking"
                 />
             </div>

src/components/ExamEditor/Exercises/Speaking/Speaking1.tsx

@@ -174,7 +174,7 @@ const Speaking1: React.FC<Props> = ({ sectionId, exercise, module = "speaking" }
                     handleEdit={handleEdit}
                     handleDiscard={handleDiscard}
                     handlePractice={handlePractice}
-                    isEvaluationEnabled={true}
+                    isEvaluationEnabled={!local.isPractice}
                     module="speaking"
                 />
             </div>

src/components/ExamEditor/Exercises/Speaking/Speaking2.tsx

@@ -149,7 +149,7 @@ const Speaking2: React.FC<Props> = ({ sectionId, exercise, module = "speaking" }
                     handleEdit={handleEdit}
                     handleDiscard={handleDiscard}
                     handlePractice={handlePractice}
-                    isEvaluationEnabled={true}
+                    isEvaluationEnabled={!local.isPractice}
                     module="speaking"
                 />
             </div>

src/components/ExamEditor/Exercises/WriteBlanks/index.tsx

@@ -239,7 +239,7 @@ const WriteBlanks: React.FC<{ sectionId: number; exercise: WriteBlanksExercise;
                 handleDiscard={handleDiscard}
                 handleDelete={handleDelete}
                 handlePractice={handlePractice}
-                isEvaluationEnabled={true}
+                isEvaluationEnabled={!local.isPractice}
             />
             <div className="space-y-4">
                 {alerts.length > 0 && <Alert alerts={alerts} />}

src/components/ExamEditor/Exercises/Writing/index.tsx

@@ -103,7 +103,7 @@ const Writing: React.FC<Props> = ({ sectionId, exercise, module, index }) => {
                     handleEdit={handleEdit}
                     handleDiscard={handleDiscard}
                     handlePractice={handlePractice}
-                    isEvaluationEnabled={true}
+                    isEvaluationEnabled={!local.isPractice}
                     module={"writing"}
                 />
                 {alerts.length !== 0 && <Alert alerts={alerts} />}

src/components/ExamEditor/Shared/Header.tsx

@@ -1,8 +1,8 @@
 import { Module } from "@/interfaces";
 import clsx from "clsx";
 import { ReactNode } from "react";
-import { MdDelete, MdEdit, MdEditOff, MdRefresh, MdSave} from "react-icons/md";
+import { MdDelete, MdEdit, MdEditOff, MdRefresh, MdSave } from "react-icons/md";
-import { HiOutlineClipboardCheck, HiOutlineClipboardList} from "react-icons/hi";
+import { HiOutlineClipboardCheck, HiOutlineClipboardList } from "react-icons/hi";
 
 interface Props {
     title: string;

src/stores/examEditor/reducers/index.ts

@@ -17,7 +17,6 @@ export const rootReducer = (
     state: ExamEditorStore,
     action: Action
 ): Partial<ExamEditorStore> => {
-    console.log(action);
     if (MODULE_ACTIONS.includes(action.type as any)) {
         if (action.type === "REORDER_EXERCISES") {
             const updatedState = sectionReducer(state, action as SectionActions);

src/stores/examEditor/reducers/moduleReducer.ts

@@ -51,7 +51,6 @@ export const moduleReducer = (
 
         case 'TOGGLE_SECTION':
             const { sectionId } = action.payload;
-            console.log("TOGGLE SECTION TRIGGERED");
 
             const prev = currentModuleState.sections;
             const updatedSections = prev.some(section => section.sectionId === sectionId)

src/stores/examEditor/reducers/sectionReducer.ts

@@ -23,7 +23,6 @@ export const sectionReducer = (
     switch (action.type) {
         case 'UPDATE_SECTION_SINGLE_FIELD':{
             const { module, field, value, sectionId } = action.payload;
-            console.log(`Updating ${module}-${sectionId} ${field} to ${value}`);
             return {
                 modules: {
                     ...state.modules,

src/stores/examEditor/reorder/global.ts

@@ -172,7 +172,6 @@ const reorderSection = (exercises: Exercise[], startId: number): { exercises: Ex
                 currentId += 1;
                 return exercise;
             default:
-                console.log("HERE IT IS");
                 return exercise;
         }
     });
@@ -188,7 +187,6 @@ const reorderModule = (moduleState: ModuleState) => {
     let currentId = 1;
     let reorderedSections = moduleState.sections.map(section => {
         let currentSection = section.state as ReadingPart | ListeningPart | LevelPart;
-        console.log(currentSection.exercises);
         let result = reorderSection(currentSection.exercises, currentId);
         currentId = result.lastId;
         return {