refactor: migrate the findLearning modules into its own service

Author: serapieTuyishime

src/pages/communities/[slug]/courses/[course_slug]/learning-modules/[id].tsx

@@ -108,7 +108,6 @@ export const getServerSideProps = wrapper.getServerSideProps((store) => async ({
     const communitySlug = params?.slug as string;
     const courseSlug = params?.course_slug as string;
     const id = params?.id as string;
-    console.log("me sending data")
     const [{ data: community }, { data: course }, { data: learningModule }, translations] = await Promise.all([
       store.dispatch(fetchCurrentCommunity({ slug: communitySlug, locale })),
       store.dispatch(fetchCourse({ slug: courseSlug, locale })),

src/store/feature/learningModules.slice.ts

@@ -32,34 +32,17 @@ export const learningModulesSlice = createSlice({
     },
   },
   extraReducers: (builder) => {
-    builder
-      // .addCase(findLearningModule.fulfilled, (state, action) => {
-      //   state.current = action.payload;
-      // })
-      // .addCase(getAllLearningModules.fulfilled, (state, action) => {
-      //   state.list = action.payload;
-      // })
-      .addCase(HYDRATE, (state, action) => {
-        return {
-          ...state,
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          //@ts-ignore
-          ...action.payload["learningModules"],
-        };
-      });
+    builder.addCase(HYDRATE, (state, action) => {
+      return {
+        ...state,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        //@ts-ignore
+        ...action.payload["learningModules"],
+      };
+    });
   },
 });
 
-// export const findLearningModule = createAsyncThunk("learningModules/find", async (id: string) => {
-//   const { data } = await api().server.get(`learning-modules/${id}`);
-//   return data;
-// });
-
-// export const getAllLearningModules = createAsyncThunk("learningModules/all", async (slug: string) => {
-//   const { data } = await api().server.get<LearningModule[]>(`courses/${slug}/learning-modules`);
-//   return data;
-// });
-
 export const submitModuleAnswer = createAsyncThunk("learningModules/submitAnswer", async ({ ref, course }: { ref: string; course: string }) => {
   await api().client.put("interactive-modules/answer", {
     module: ref,

src/store/services/learningModules.service.ts

@@ -38,18 +38,6 @@ export const learningModulesService = createApi({
         method: "PUT",
       }),
     }),
-
-    checkAnswer: builder.query({
-      query: ({ ref, locale }: { ref: string; locale?: string }) => ({
-        url: "interactive-modules/check-answer",
-        body: {
-          module: ref,
-        },
-        headers: {
-          "accept-language": locale,
-        },
-      }),
-    }),
   }),
 });
 
@@ -59,8 +47,3 @@ export const getAllLearningModules = ({ slug, locale }: { slug: string; locale?:
 
 export const submitModuleAnswer = ({ ref, course, locale }: { ref: string; course: string; locale?: string }) =>
   learningModulesService.endpoints.submitModuleAnswer.initiate({ ref, course, locale });
-
-export const checkAnswer = ({ ref, locale }: { ref: string; locale?: string }) => {
-  console.log("the locale from check answer in the learning modules");
-  return learningModulesService.endpoints.checkAnswer.initiate({ ref, locale });
-};