INFRA-3184 | fix relative path imports

src/action/action.ts

@@ -5,7 +5,7 @@ import {
   setUserInfo,
   setUserTeams,
   setTeamList,
-} from '../../src/slices/initialSlice';
+} from '@slices/initialSlice';
 import { Team, UserInfo, UserTeam } from '@src/types/Types';
 export const getUser = (dispatch: AppDispatch) => {
   fetch('/api/user', {

src/components/layout/Header.tsx

@@ -9,14 +9,14 @@ import AccountCircle from '@material-ui/icons/AccountCircle';
 
 import MenuItem from '@material-ui/core/MenuItem';
 import Menu from '@material-ui/core/Menu';
-import { RootState, store } from '../../store';
+import { RootState } from '@store/index';
 import { withCookies } from 'react-cookie';
 import { LinearProgress } from '@material-ui/core';
-import { httpClient } from '../../helper/api-client';
-import PortalMenu from './PortalMenu';
-import { setAuth } from '../../slices/initialSlice';
+import { httpClient } from '@src/helper/api-client';
+import { setAuth } from '@slices/initialSlice';
 import { useDispatch, useSelector } from 'react-redux';
-import ExportManifest from '../manifest/ExportManifest';
+import ExportManifest from '@components/manifest/ExportManifest';
+import PortalMenu from './PortalMenu';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({

src/components/manifest/ExportManifest.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { useParams } from 'react-router';
 import { Button } from '@material-ui/core';
 import { RouteParams } from '@src/types/Types';
-import { exportToJsonFile } from '../../helper/manifestExporter';
+import { exportToJsonFile } from '@src/helper/manifestExporter';
 
 const ExportManifest: FC = () => {
   const params = useParams<RouteParams>();

src/components/manifest/GrafanaDashboard.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router';
 import { Backdrop, CircularProgress } from '@material-ui/core';
-import { httpClient } from '../../../src/helper/api-client';
+import { httpClient } from '@src/helper/api-client';
 import { RouteParams } from '@src/types/Types';
 import './GrafanaDashboard.module.css';
 import GrafanaDashboardContainer from './GrafanaDashboardContainer';

src/components/manifest/GrafanaDashboardContainer.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { TextField, Button, Typography } from '@material-ui/core';
 import { Autocomplete } from '@material-ui/lab';
-import { httpClient } from '../../../src/helper/api-client';
+import { httpClient } from '@src/helper/api-client';
 import timeRange from './constants';
 import { ManifestData } from './GrafanaDashboard';
 import MaterialUISwitch from './MaterialUISwitch';

src/components/manifest/MetadataForm.tsx

@@ -1,11 +1,11 @@
 import * as _m from '../../models/Manifest';
 import * as React from 'react';
-import { FormikTextField } from '../common/FormikTextField';
+import { FormikTextField } from '@components/common/FormikTextField';
 import { makeStyles } from '@material-ui/core/styles';
-import { Formik, setIn, useFormikContext } from 'formik';
+import { useFormikContext } from 'formik';
 import MenuItem from '@material-ui/core/MenuItem';
 import Card from '@material-ui/core/Card';
-import { Environment } from '../../constants/Environment';
+import { Environment } from '@constants/Environment';
 
 const useStyles = makeStyles({
   root: {

src/coreform/baseform/BaseForm.tsx

@@ -5,15 +5,15 @@ import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
 import ManifestForm from '../ManifestForm';
 import { Form, Formik, FormikValues, validateYupSchema, yupToFormErrors } from 'formik';
-import { manifestValidationSchema } from '../../models/ManifestValidationSchema';
-import { tabA11yProps, TabPanel } from '../FormUtil';
-import { Button, Divider, Grid, TextField, Tooltip } from '@material-ui/core';
-import { RootState, store } from '../../store';
-import { getBreachedValues } from '../../helper/ChangeRequest';
-import Popup from '../../components/common/Popup';
-import { FormType } from '../../components/manifest/ShowSelectedForm';
+import { manifestValidationSchema } from '@src/models/ManifestValidationSchema';
+import { tabA11yProps, TabPanel } from '@src/coreform/FormUtil';
+import { Button, Divider, Grid, TextField } from '@material-ui/core';
+import { RootState } from '@src/store';
+import { getBreachedValues } from '@src/helper/ChangeRequest';
+import Popup from '@components/common/Popup';
+import { FormType } from '@components/manifest/ShowSelectedForm';
 import { BaseFormTabList, FormTab, LATEST_VERSION } from '../../constants/BaseForm';
-import { ErrorSnackBar } from '../../components/common/ErrorSnackBar';
+import { ErrorSnackBar } from '@components/common/ErrorSnackBar';
 import GenerateDiagnostic from './GenerateDiagnostic';
 import { useSelector } from 'react-redux';
 

src/coreform/baseform/CpuProfile/PodsSelection.tsx

@@ -5,12 +5,8 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Grid, Typography } from '@material-ui/core';
 import { RootState } from '@src/store';
 
-import { MarginedTextField } from '../../database/DatabaseForm';
-import {
-  setSelectedPods,
-  setTimeDuration,
-  setValidationError,
-} from '../../../slices/diagnosticSlice';
+import { MarginedTextField } from '@src/coreform/database/DatabaseForm';
+import { setSelectedPods, setTimeDuration, setValidationError } from '@slices/diagnosticSlice';
 import { DiagnosticType, validate } from '../utils';
 import '../GenerateDump.module.css';
 import PodList from '../PodList';

src/coreform/baseform/HeapDump/DumpTypeSelection.tsx

@@ -6,7 +6,7 @@ import '../GenerateDump.module.css';
 import { Alert } from '@material-ui/lab';
 
 import { RootState } from '@src/store';
-import { setIsFullDump } from '../../../slices/diagnosticSlice';
+import { setIsFullDump } from '@slices/diagnosticSlice';
 
 const DumpTypeSelection: React.FC = () => {
   const { isFullDump } = useSelector((state: RootState) => state.diagnostic);

src/coreform/baseform/HeapDump/PodsSelection.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useDispatch } from 'react-redux';
 import { Grid, Typography } from '@material-ui/core';
 import '../GenerateDump.module.css';
-import { setSelectedPods, setValidationError } from '../../../slices/diagnosticSlice';
+import { setSelectedPods, setValidationError } from '@slices/diagnosticSlice';
 import PodList from '../PodList';
 
 const PodsSelection: React.FC = () => {

src/coreform/baseform/ThreadDump/PodsSelection.tsx

@@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
 import _ from 'lodash';
 import { useDispatch } from 'react-redux';
 import { Grid, Typography } from '@material-ui/core';
-import { setSelectedPods, setValidationError } from '../../../slices/diagnosticSlice';
+import { setSelectedPods, setValidationError } from '@slices/diagnosticSlice';
 import '../GenerateDump.module.css';
 import PodList from '../PodList';
 

tsconfig.json

@@ -16,10 +16,11 @@
     "paths": {
       "react": ["./node_modules/@types/react"],
       "@src/*": ["./*"],
-      "@assets/*": ["assets/*"],
       "@components/*": ["components/*"],
       "@constants/*": ["constants/*"],
-      "@hooks/*": ["hooks/*"]
+      "@action/*": ["action/*"],
+      "@store/*": ["store/*"],
+      "@slices/*": ["slices/*"]
     },
     "skipLibCheck": true,
     "esModuleInterop": true,

webpack.config.js

@@ -10,6 +10,14 @@ module.exports = {
   },
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.jsx', '.css', '.scss'],
+    alias: {
+      '@src': path.resolve(__dirname, 'src'),
+      '@components': path.resolve(__dirname, 'src/components/'),
+      '@action': path.resolve(__dirname, 'src/action/'),
+      '@constants': path.resolve(__dirname, 'src/constants/'),
+      '@store': path.resolve(__dirname, 'src/store/'),
+      '@slices': path.resolve(__dirname, 'src/slices/'),
+    },
   },
   devServer: {
     historyApiFallback: true,