414 - Adds baseUrl and path alias to the wfo-ui and wfo-ui-surf and fixes the imports for _app.tsx

Author: ricardovdheijden

.prettierrc

@@ -3,7 +3,7 @@
     "trailingComma": "all",
     "bracketSpacing": true,
     "importOrder": [
-        "^react", "^react-native", "^[a-zA-Z]", "^@?\\w", "^[./]"
+        "^react", "^react-native", "^[a-zA-Z]", "^@?\\w", "^@/?\\w", "^[./]"
     ],
     "importOrderSeparation": true,
     "importOrderSortSpecifiers": true,

apps/wfo-ui-surf/pages/_app.tsx

@@ -25,14 +25,14 @@ import {
     defaultOrchestratorTheme,
 } from '@orchestrator-ui/orchestrator-ui-components';
 
-import { getAppLogo } from '../components/AppLogo/AppLogo';
+import { getAppLogo } from '@/components/AppLogo/AppLogo';
 import {
     getInitialOrchestratorConfig,
     getInitialSurfConfig,
-} from '../configuration';
-import { PATH_SERVICE_TICKETS } from '../constants-surf';
-import { SurfConfig, SurfConfigProvider } from '../contexts/surfConfigContext';
-import { TranslationsProvider } from '../translations/translationsProvider';
+} from '@/configuration';
+import { PATH_SERVICE_TICKETS } from '@/constants-surf';
+import { SurfConfig, SurfConfigProvider } from '@/contexts/surfConfigContext';
+import { TranslationsProvider } from '@/translations/translationsProvider';
 
 type AppOwnProps = {
     orchestratorConfig: OrchestratorConfig;

apps/wfo-ui-surf/tsconfig.json

@@ -1,6 +1,10 @@
 {
     "extends": "@orchestrator-ui/tsconfig/nextjs.json",
     "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./*"]
+        },
         "plugins": [
             {
                 "name": "next"

apps/wfo-ui/pages/_app.tsx

@@ -24,9 +24,9 @@ import {
     defaultOrchestratorTheme,
 } from '@orchestrator-ui/orchestrator-ui-components';
 
-import { getAppLogo } from '../components/AppLogo/AppLogo';
-import { getInitialOrchestratorConfig } from '../configuration';
-import { TranslationsProvider } from '../translations/translationsProvider';
+import { getAppLogo } from '@/components/AppLogo/AppLogo';
+import { getInitialOrchestratorConfig } from '@/configuration';
+import { TranslationsProvider } from '@/translations/translationsProvider';
 
 type AppOwnProps = { orchestratorConfig: OrchestratorConfig };
 

apps/wfo-ui/tsconfig.json

@@ -1,6 +1,10 @@
 {
     "extends": "@orchestrator-ui/tsconfig/nextjs.json",
     "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./*"]
+        },
         "plugins": [
             {
                 "name": "next"