feat: update redux state

edx · Jul 6, 2023 · 91101a6 · 91101a6
1 parent c7a672b
commit 91101a6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/src/pages/ExamsPage/components/ExamSelection.jsx b/src/pages/ExamsPage/components/ExamSelection.jsx
@@ -5,12 +5,22 @@ import {
 } from '@edx/paragon';
 import PropTypes from 'prop-types';
 
+// todo: implement substring search
+// const searchByExamName = (exams, examName) => {
+// const isMatchingExam = (exam) => exam === examName;
+// const match = exams.filter(isMatchingExam);
+// console.log('log');
+// };
+
+const updateCurrentExamIndex = (exam) => 'hello';
+
 const ExamSelection = ({ exams }) => (
   <div data-testid="exam_selection">
     <SelectMenu defaultMessage="Select an exam...">
       <MenuItem as={SearchField} />
       {exams.map(exam => (
-        <MenuItem>{exam.name}</MenuItem>
+        // todo: update redux state
+        <MenuItem onClick={() => console.log(exam.id)}>{exam.name}</MenuItem>
       ))}
     </SelectMenu>
   </div>

diff --git a/src/pages/ExamsPage/data/reducer.js b/src/pages/ExamsPage/data/reducer.js
@@ -37,13 +37,19 @@ const slice = createSlice({
       attemptsList: state.attemptsList.filter(attempt => attempt.attempt_id !== attemptId.payload),
     })
     ,
+    //  todo: setCurrentExam
+    loadCurrentExamIndex: (state, { payload }) => ({
+      ...state,
+      currentExamIndex: 1,
+    }),
   },
 });
 
 export const {
   loadExams,
   loadExamAttempts,
   deleteExamAttempt,
+  loadCurrentExamIndex,
 } = slice.actions;
 
 export const {

diff --git a/src/pages/ExamsPage/hooks.js b/src/pages/ExamsPage/hooks.js
@@ -60,11 +60,13 @@ export const useInitializeExamsPage = (courseId) => {
 export const useExamsData = () => {
   const [exampleValue, setExampleValue] = state.exampleValue(0);
   const examsList = useSelector(selectors.courseExamsList);
-  const currentExam = useSelector(selectors.currentExam);
+  // todo: add setter here
+  const [currentExam, setCurrentExam] = useSelector(selectors.currentExam);
   const isLoading = reduxHooks.useRequestIsPending(RequestKeys.fetchCourseExams);
 
   return {
     currentExam,
+    setCurrentExam,
     examsList,
     isLoading,
     exampleValue,