ENCOA-295

src/components/ExamEditor/index.tsx

@@ -18,7 +18,8 @@ import SpeakingSettings from "./SettingsEditor/speaking";
 import ImportOrStartFromScratch from "./ImportExam/ImportOrFromScratch";
 import { defaultSectionSettings } from "@/stores/examEditor/defaults";
 import Button from "../Low/Button";
-import ResetModule from "./ResetModule";
+import ResetModule from "./Standalone/ResetModule";
+import ListeningInstructions from "./Standalone/ListeningInstructions";
 
 const DIFFICULTIES: Difficulty[] = ["A1", "A2", "B1", "B2", "C1", "C2"];
 
@@ -200,6 +201,7 @@ const ExamEditor: React.FC<{ levelParts?: number }> = ({ levelParts = 0 }) => {
                             required
                         />
                         </div>
+                        {currentModule === "listening" && <ListeningInstructions />}
                         {["reading", "listening", "level"].includes(currentModule) && <Button onClick={() => setIsResetModuleOpen(true)} customColor={`bg-ielts-${currentModule}/70 hover:bg-ielts-${currentModule} border-ielts-${currentModule}`} className={`text-white self-end`}>
                                 Reset Module
                         </Button>}