Added ability to remember where you started lesson (ie. course or review)

This commit is contained in:
juanpabloacosta
2023-11-30 20:11:45 -05:00
parent 9c7f8576b8
commit 4c293e463e
2 changed files with 25 additions and 15 deletions
+22 -13
View File
@@ -2,12 +2,13 @@ import { useLocation, useNavigate } from 'react-router-dom';
import { useState } from 'react';
import WrittenQuestionExercise from "../components/WrittenQuestionExercise"
import WrittenVocabularyExercise from "../components/WrittenVocabularyExercise"
import VerbalQuestionsExercise from "../components/VerbalQuestionsExercise"
import Progress from '../components/Progress';
export default function Course() {
export default function Lesson() {
const location = useLocation();
const navigate = useNavigate();
const { questions } = location.state;
const { questions, home } = location.state;
const [currQuestion, setCurrQuestion] = useState<number>(0);
const handleNavigateBack = () => {
@@ -18,11 +19,11 @@ export default function Course() {
if (currQuestion < questions.length - 1) {
setCurrQuestion(currQuestion + 1);
} else {
navigate("/review");
navigate(home);
}
}
const renderQuestion = (questionIndex: number) => {
const renderQuestion = (currIndex: number) => {
const question = questions[currQuestion];
switch (question.type) {
case 'written':
@@ -49,17 +50,25 @@ export default function Course() {
default:
return null;
}
// case 'verbal-listening':
// switch (exercise) {
// case 'questions':
// return <VerbalQuestionsLesson />;
case 'verbal-listening':
switch (question.exercise) {
case 'questions':
return <VerbalQuestionsExercise
key={currQuestion}
question={question.question}
wordBank={question.wordBank}
expected={question.expected}
chapter={"Travel"}
language={"Japanese"}
onQuestionSubmit={handleQuestionSubmit}
/>;
// case 'pronunciation':
// return <VerbalPronunciationLesson />;
// default:
// return null;
// }
// default:
// return null;
default:
return null;
}
default:
return null;
}
};
+3 -2
View File
@@ -1,9 +1,10 @@
import { useNavigate } from "react-router-dom"
import { useLocation, useNavigate } from "react-router-dom"
import NavBar from "../components/NavBar"
import { getLanguage, getUsername } from "../logic/sdk";
export default function Review() {
const navigate = useNavigate();
const location = useLocation();
const writtenReview = ["Questions", "Vocabulary"];
const verbalReview = ["Questions", "Pronunciation"];
@@ -81,7 +82,7 @@ export default function Review() {
exercise: 'vocabulary',
},
];
navigate('/lesson', { state: { questions: reviewQuestions } });
navigate('/lesson', { state: { questions: reviewQuestions, home: location.pathname } });
}
}
}