fix: update module name element instead of overwriting pill

- Add moduleName element reference for .module-name span
- Update only module name text, preserving level indicator
This commit is contained in:
2025-12-30 19:53:40 +01:00
parent 08b38a4368
commit 01b4fda4b4

View File

@@ -21,6 +21,7 @@ const elements = {
// Left panel // Left panel
modulePill: document.getElementById("module-pill"), modulePill: document.getElementById("module-pill"),
moduleName: document.querySelector(".module-name"),
lessonTitle: document.getElementById("lesson-title"), lessonTitle: document.getElementById("lesson-title"),
lessonDescription: document.getElementById("lesson-description"), lessonDescription: document.getElementById("lesson-description"),
taskInstruction: document.getElementById("task-instruction"), taskInstruction: document.getElementById("task-instruction"),
@@ -315,9 +316,9 @@ function loadCurrentLesson() {
// Update UI based on mode // Update UI based on mode
updateEditorForMode(mode); updateEditorForMode(mode);
// Update module pill with category name // Update module name in pill
if (elements.modulePill && engineState.module) { if (elements.moduleName && engineState.module) {
elements.modulePill.textContent = engineState.module.title; elements.moduleName.textContent = engineState.module.title;
} }
// Reset any success indicators // Reset any success indicators