feat: added process to sync discussions topic on page load

Author: AhtishamShahid

src/course-outline/data/api.js

@@ -59,6 +59,17 @@ export async function getCourseOutlineIndex(courseId) {
   return camelCaseObject(data);
 }
 
+/**
+ *
+ * @param courseId
+ * @returns {Promise<Array|Object>}
+ */
+export async function createDiscussionsTopics(courseId) {
+  const { data } = await getAuthenticatedHttpClient()
+    .post(`${getApiBaseUrl()}/api/discussions/v0/course/${courseId}/sync_discussion_topics`);
+  return camelCaseObject(data);
+}
+
 /**
  * Get course best practices.
  * @param {{courseId: string, excludeGraded: boolean, all: boolean}} options

src/course-outline/data/thunk.js

@@ -30,7 +30,7 @@ import {
   setVideoSharingOption,
   setCourseItemOrderList,
   pasteBlock,
-  dismissNotification,
+  dismissNotification, createDiscussionsTopics,
 } from './api';
 import {
   addSection,
@@ -92,6 +92,12 @@ export function fetchCourseOutlineIndexQuery(courseId) {
         }));
       }
     }
+    // Sync discussions topics and log errors if any because we don't want to interrupt the process.
+    try {
+      await createDiscussionsTopics(courseId);
+    } catch (error) {
+      console.log(error);
+    }
   };
 }