Navigation rework, added prompt edit to components that were missing
This commit is contained in:
@@ -22,29 +22,36 @@ import Writing from "./Writing";
|
||||
const MatchSentences = dynamic(() => import("@/components/Solutions/MatchSentences"), { ssr: false });
|
||||
|
||||
export interface CommonProps {
|
||||
onNext: (userSolutions: UserSolution) => void;
|
||||
onBack: (userSolutions: UserSolution) => void;
|
||||
disableProgressButtons?: boolean,
|
||||
headerButtons?: React.ReactNode,
|
||||
footerButtons?: React.ReactNode,
|
||||
}
|
||||
|
||||
export const renderSolution = (exercise: Exercise, onNext: () => void, onBack: () => void, updateIndex?: (internalIndex: number) => void,
|
||||
disableProgressButtons?: boolean) => {
|
||||
export const renderSolution = (
|
||||
exercise: Exercise,
|
||||
headerButtons?: React.ReactNode,
|
||||
footerButtons?: React.ReactNode,
|
||||
) => {
|
||||
const sharedProps = {
|
||||
key: exercise.id,
|
||||
headerButtons,
|
||||
footerButtons,
|
||||
}
|
||||
switch (exercise.type) {
|
||||
case "fillBlanks":
|
||||
return <FillBlanks disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as FillBlanksExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <FillBlanks {...(exercise as FillBlanksExercise)} {...sharedProps}/>;
|
||||
case "trueFalse":
|
||||
return <TrueFalseSolution disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as TrueFalseExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <TrueFalseSolution {...(exercise as TrueFalseExercise)} {...sharedProps}/>;
|
||||
case "matchSentences":
|
||||
return <MatchSentences disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as MatchSentencesExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <MatchSentences {...(exercise as MatchSentencesExercise)} {...sharedProps}/>;
|
||||
case "multipleChoice":
|
||||
return <MultipleChoice disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as MultipleChoiceExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <MultipleChoice {...(exercise as MultipleChoiceExercise)} {...sharedProps}/>;
|
||||
case "writeBlanks":
|
||||
return <WriteBlanks disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as WriteBlanksExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <WriteBlanks {...(exercise as WriteBlanksExercise)} {...sharedProps}/>;
|
||||
case "writing":
|
||||
return <Writing key={exercise.id} {...(exercise as WritingExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <Writing {...(exercise as WritingExercise)} {...sharedProps}/>;
|
||||
case "speaking":
|
||||
return <Speaking key={exercise.id} {...(exercise as SpeakingExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <Speaking {...(exercise as SpeakingExercise)} {...sharedProps}/>;
|
||||
case "interactiveSpeaking":
|
||||
return <InteractiveSpeaking key={exercise.id} {...(exercise as InteractiveSpeakingExercise)} onNext={onNext} onBack={onBack} />;
|
||||
return <InteractiveSpeaking {...(exercise as InteractiveSpeakingExercise)} {...sharedProps}/>;
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user