refactor: fix unknown error with partial wrapping & send a falsy value when error

Author: bra-i-am

src/Router.tsx

@@ -11,19 +11,19 @@ const CourseEnrollmentsPage = lazy(() => import('@src/enrollments/CourseEnrollme
 
 const Router = () => (
   <Suspense fallback={<div>Loading...</div>}>
-    <WouterRouter base={paths.base}>
-      <Switch>
-        <Route path={paths.partners.path} component={CorporatePartnerPage} />
-        <CatalogEditionModalProvider>
+    <CatalogEditionModalProvider>
+      <WouterRouter base={paths.base}>
+        <Switch>
+          <Route path={paths.partners.path} component={CorporatePartnerPage} />
           <Route path={paths.catalogs.path} component={PartnerCatalogsPage} />
           <Route path={paths.courses.path} component={CoursesPage} />
-        </CatalogEditionModalProvider>
-        <Route path={paths.courseDetail.path} component={CourseEnrollmentsPage} />
-        <Route>
-          <h1>404 Not Found</h1>
-        </Route>
-      </Switch>
-    </WouterRouter>
+          <Route path={paths.courseDetail.path} component={CourseEnrollmentsPage} />
+          <Route>
+            <h1>404 Not Found</h1>
+          </Route>
+        </Switch>
+      </WouterRouter>
+    </CatalogEditionModalProvider>
   </Suspense>
 );
 

src/courses/api.ts

@@ -29,12 +29,12 @@ export const deleteCourse = async (partnerId: string, catalogId: string, courseI
 };
 
 export const getCourseDetails = async (partnerId: string, catalogId: string, courseId: number)
-: Promise<CorporateCourse> => {
+: Promise<CorporateCourse | null> => {
   try {
     const { data } = await getAuthenticatedHttpClient().get(`${getConfig().LMS_BASE_URL}/corporate_access/api/v1/partners/${partnerId}/catalogs/${catalogId}/courses/${courseId}/`);
     return camelCaseObject(data);
   } catch (error) {
     logError(error);
-    return {} as CorporateCourse;
+    return null;
   }
 };