Refactor imports to use src alias

src/app.ts

@@ -1,7 +1,7 @@
 import { App } from '@openedx/frontend-base';
-import { appId } from './constants';
-import routes from './routes';
-import messages from './i18n';
+import { appId } from '@src/constants';
+import routes from '@src/routes';
+import messages from '@src/i18n';
 
 const app: App = {
   appId,

src/cohorts/CohortsPage.test.tsx

@@ -2,7 +2,7 @@ import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import CohortsPage from './CohortsPage';
 import { useCohorts, useCohortStatus, useToggleCohorts } from './data/apiHook';
-import { renderWithIntl } from '../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from './messages';
 import { CohortProvider } from './components/CohortContext';
 

src/cohorts/components/DisableCohortsModal.test.tsx

@@ -1,7 +1,7 @@
 import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import DisableCohortsModal from './DisableCohortsModal';
-import { renderWithIntl } from '../../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from '../messages';
 
 describe('DisableCohortsModal', () => {

src/cohorts/components/DisabledCohortsView.test.tsx

@@ -1,5 +1,5 @@
 import { screen } from '@testing-library/react';
-import { renderWithIntl } from '../../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from '../messages';
 import DisabledCohortsView from './DisabledCohortsView';
 import userEvent from '@testing-library/user-event';

src/cohorts/data/api.test.ts

@@ -1,6 +1,6 @@
 import { getCohortStatus, getCohorts, toggleCohorts } from './api';
 import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
-import { appId } from '../../constants';
+import { appId } from '@src/constants';
 
 jest.mock('@openedx/frontend-base');
 

src/cohorts/data/queryKeys.ts

@@ -1,4 +1,4 @@
-import { appId } from '../../constants';
+import { appId } from '@src/constants';
 
 export const cohortsQueryKeys = {
   all: [appId, 'cohorts'] as const,

src/courseInfo/CourseInfoPage.test.tsx

@@ -2,7 +2,7 @@ import { screen } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import CourseInfoPage from './CourseInfoPage';
-import { renderWithIntl } from '../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 
 jest.mock('./components/generalCourseInfo', () => ({
   GeneralCourseInfo: () => <div>General Course Info Component</div>,

src/courseInfo/CourseInfoPage.tsx

@@ -1,5 +1,5 @@
 import { Container } from '@openedx/paragon';
-import { GeneralCourseInfo } from './components/generalCourseInfo';
+import { GeneralCourseInfo } from '@src/courseInfo/components/generalCourseInfo';
 
 const CourseInfoPage = () => {
   return (

src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.test.tsx

@@ -1,11 +1,11 @@
 import { screen } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 import { GeneralCourseInfo } from './GeneralCourseInfo';
-import { useCourseInfo } from '../../../data/apiHook';
+import { useCourseInfo } from '@src/data/apiHook';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createQueryMock, renderWithIntl } from '../../../testUtils';
+import { createQueryMock, renderWithIntl } from '@src/testUtils';
 
-jest.mock('../../../data/apiHook');
+jest.mock('@src/data/apiHook');
 jest.mock('react-router', () => ({
   useParams: () => ({ courseId: 'test-course-id' }),
 }));

src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx

@@ -1,6 +1,6 @@
 import { Card, Skeleton } from '@openedx/paragon';
 import { StatusBadge } from './StatusBadge';
-import { useCourseInfo } from '../../../data/apiHook';
+import { useCourseInfo } from '@src/data/apiHook';
 import { useParams } from 'react-router';
 import { FormattedDate, useIntl } from '@openedx/frontend-base';
 import { useCallback } from 'react';

src/data/api.ts

@@ -1,5 +1,5 @@
 import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
-import { appId } from '../constants';
+import { appId } from '@src/constants';
 
 export const getApiBaseUrl = () => getAppConfig(appId).LMS_BASE_URL;
 

src/data/queryKeys.ts

@@ -1,4 +1,4 @@
-import { appId } from '../constants';
+import { appId } from '@src/constants';
 
 export const courseInfoQueryKeys = {
   all: [appId, 'courseInfo'] as const,

src/routes.tsx

@@ -1,6 +1,6 @@
-import CohortsPage from './cohorts/CohortsPage';
-import CourseInfoPage from './courseInfo/CourseInfoPage';
-import Main from './Main';
+import CohortsPage from '@src/cohorts/CohortsPage';
+import CourseInfoPage from '@src/courseInfo/CourseInfoPage';
+import Main from '@src/Main';
 
 const routes = [
   {

tsconfig.json

@@ -3,6 +3,9 @@
   "compilerOptions": {
     "rootDir": ".",
     "outDir": "dist",
+    "paths": {
+        "@src/*": ["./src/*"]
+      } 
   },
   "include": [
     "src/**/*",