fix: populate the learning module state after fetching

Author: serapieTuyishime

src/components/sections/learning-modules/InteractiveModule/index.tsx

@@ -11,8 +11,8 @@ import { authCheck } from "@/store/feature/auth.slice";
 import { Course, InteractiveModule as InteractiveModuleType } from "@/types/course";
 import { hidePageNavigation, showPageNavigation } from "@/store/feature/communities/navigation.slice";
 import { checkAnswer } from "@/store/feature/learningModules.slice";
-import { IRootState } from "@/store";
 import { submitModuleAnswer } from "@/store/services/learningModules.service";
+import { IRootState } from "@/store";
 
 /**
  * interface for InteractiveModule multiSelector

src/pages/communities/[slug]/challenges/[challenge_id]/learning-modules/[id].tsx

@@ -24,7 +24,6 @@ import PageNavigation from "@/components/sections/courses/PageNavigation";
 import ChallengeCard from "@/components/cards/challenge/Challenge";
 import { useTranslation } from "next-i18next";
 
-
 /**
  * Learning module page props interfae
  * @date 4/24/2023 - 8:36:15 PM

src/store/services/learningModules.service.ts

@@ -1,5 +1,6 @@
 import { createApi } from "@reduxjs/toolkit/query/react";
 import baseQuery from "@/config/baseQuery";
+import { setCurrentLearningModule, setLearningModuleList } from "../feature/learningModules.slice";
 
 /**
  * Learning module api service
@@ -19,6 +20,10 @@ export const learningModulesService = createApi({
           "accept-language": locale,
         },
       }),
+      onQueryStarted: async (_, { dispatch, queryFulfilled }) => {
+        const { data } = await queryFulfilled;
+        dispatch(setCurrentLearningModule(data));
+      },
     }),
 
     getAllLearningModules: builder.query({
@@ -28,6 +33,10 @@ export const learningModulesService = createApi({
           "accept-language": locale,
         },
       }),
+      onQueryStarted: async (_, { dispatch, queryFulfilled }) => {
+        const { data } = await queryFulfilled;
+        dispatch(setLearningModuleList(data));
+      },
     }),
 
     submitModuleAnswer: builder.query({