feat: update redux state

edx · Jul 6, 2023 · d7d864b · d7d864b
1 parent 27be673
commit d7d864b
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
@@ -31,12 +31,18 @@ const slice = createSlice({
         }
       )),
     }),
+    //  todo: setCurrentExam
+    loadCurrentExamIndex: (state, { payload }) => ({
+      ...state,
+      currentExamIndex: 1,
+    }),
   },
 });
 
 export const {
   loadExams,
   loadExamAttempts,
+  loadCurrentExamIndex,
 } = slice.actions;
 
 export const {

diff --git a/src/pages/ExamsPage/hooks.js b/src/pages/ExamsPage/hooks.js
@@ -48,11 +48,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,