fix: add back button and fix liter

Author: dcoa

.eslintrc.js

@@ -1,6 +1,10 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { createConfig } = require('@openedx/frontend-build');
 
-const config = createConfig('eslint');
+const config = createConfig('eslint', {
+  rules: {
+    'react/prop-types': 'off',
+  },
+});
 
 module.exports = config;

src/app/types.ts

@@ -18,7 +18,7 @@ export type Learner = {
 };
 
 export type CorporateCourse = {
-  id: string;
+  id: number;
   catalogId: number;
   position: number;
   enrollments: number;
@@ -30,7 +30,8 @@ export type CorporateCourse = {
     start: string | null;
     end: string | null;
     enrollmentStart: string | null;
-    enrollmentEnd: string | null;  }
+    enrollmentEnd: string | null;
+  }
 };
 
 export type CorporateCatalog = {

src/courses/CoursesPage.tsx

@@ -5,6 +5,7 @@ import { useCatalogDetails } from '@src/catalogs/hooks';
 import { usePartnerDetails } from '@src/partner/hooks';
 import { IconButton } from '@openedx/paragon';
 import { LmsEditSquare } from '@openedx/paragon/icons';
+import { paths } from '@src/constants';
 import CoursesList from './components/CoursesList';
 import AppLayout from '../app/AppLayout';
 
@@ -15,7 +16,7 @@ const CoursesPage = () => {
   const { partnerDetails } = usePartnerDetails({ partnerId });
 
   return (
-    <AppLayout>
+    <AppLayout withBackButton backPath={paths.catalogs.buildPath(partnerId)}>
       {catalogDetails
         && (
         <HeaderDescription

src/courses/components/CoursesList.tsx

@@ -35,7 +35,7 @@ const CoursesList = ({ partnerId, catalogId }: CoursesListProps) => {
 
   const positions = Array.from({ length: count + 1 || 0 }, (_, i) => i);
   const formatDate = (date: string | null) => {
-    if (!date) return '';
+    if (!date) { return ''; }
     return intl.formatDate(date);
   };
 
@@ -124,25 +124,17 @@ const CoursesList = ({ partnerId, catalogId }: CoursesListProps) => {
           // eslint-disable-next-line react/no-unstable-nested-components
           Cell: ({ row }: CoursesCell) => {
             const { start, end } = row.original.courseRun;
-            return (
-              <>
-                {`${formatDate(start)} - ${formatDate(end)}`}
-              </>
-            )
-          }
+            return `${formatDate(start)} - ${formatDate(end)}`;
+          },
         },
         {
           Header: intl.formatMessage(messages.headerEnrollmentDates),
           accessor: 'enrollmentDates',
           // eslint-disable-next-line react/no-unstable-nested-components
           Cell: ({ row }: CoursesCell) => {
             const { enrollmentStart, enrollmentEnd } = row.original.courseRun;
-            return (
-              <>
-                {`${formatDate(enrollmentStart)} - ${formatDate(enrollmentEnd)}`}
-              </>
-            )
-          }
+            return `${formatDate(enrollmentStart)} - ${formatDate(enrollmentEnd)}`;
+          },
         },
         {
           Header: intl.formatMessage(messages.headerEnrollment),
@@ -155,11 +147,7 @@ const CoursesList = ({ partnerId, catalogId }: CoursesListProps) => {
         {
           Header: intl.formatMessage(messages.headerCompletion),
           accessor: 'completionRate',
-          Cell: ({ row }: CoursesCell) => (
-            <>
-              {row.original.completionRate}%
-            </>
-          ),
+          Cell: ({ row }: CoursesCell) => `${row.original.completionRate}%`,
         },
       ]}
     >