Remove unnecessary configuration files and update dependencies

frontend/.eslintrc

@@ -0,0 +1,34 @@
+{
+  "root": true,
+  "extends": [
+    "prettier",
+    "plugin:prettier/recommended",
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "prettier", "react", "react-hooks"],
+  "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "no-debugger": "warn"
+  },
+  "ignorePatterns": ["**/public"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "globals": {
+    "JSX": true
+  }
+}

frontend/.eslintrc.json

@@ -1,38 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es6": true,
-    "node": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:jest/recommended"
-  ],
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "requireConfigFile": false,
-    "babelOptions": {
-      "presets": ["@babel/preset-react"]
-    },
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true,
-      "jsx": true
-    },
-    "sourceType": "module"
-  },
-  "plugins": ["react", "react-hooks", "jest"],
-  "ignorePatterns": ["**/public"],
-  "rules": {
-    "indent": 0,
-    "linebreak-style": 0,
-    "quotes": 0,
-    "semi": 0,
-    "no-console": 0,
-    "no-debugger": "warn",
-    "react/display-name": "off",
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn",
-    "no-unused-vars": [1, { "args": "after-used", "argsIgnorePattern": "^_" }]
-  }
-}

frontend/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "printWidth": 120,
+  "trailingComma": "none",
+  "singleQuote": false,
+  "endOfLine": "auto"
+}

frontend/.prettierrc.json

@@ -1,7 +0,0 @@
-{
-  "trailingComma": "none",
-  "tabWidth": 2,
-  "semi": true,
-  "singleQuote": false,
-  "arrowParens": "avoid"
-}

frontend/jsconfig.json

@@ -1,6 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "src"
-  },
-  "include": ["src"]
-}

frontend/package.json

@@ -9,7 +9,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://lab.code-rove.com/gitea/tudor.stanciu/network-resurrector-frontend"
+    "url": "https://lab.code-rove.com/gitea/tudor.stanciu/network-resurrector"
   },
   "private": true,
   "dependencies": {
@@ -18,26 +18,31 @@
     "@material-ui/core": "^4.11.2",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.61",
-    "axios": "^1.3.4",
+    "axios": "^1.6.0",
     "i18next": "^19.4.4",
     "i18next-browser-languagedetector": "^4.1.1",
     "i18next-http-backend": "^1.4.0",
     "moment": "^2.29.3",
-    "react": "^17.0.1",
+    "react": "^18.2.0",
-    "react-dom": "^17.0.1",
+    "react-dom": "^18.2.0",
     "react-flags": "^0.1.18",
     "react-i18next": "^11.4.0",
     "react-lazylog": "^4.5.3",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^6.10.0",
-    "react-scripts": "4.0.1",
+    "react-scripts": "5.0.1",
-    "react-toastify": "^6.2.0"
+    "react-toastify": "^9.1.3"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.16.5",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@testing-library/jest-dom": "^5.11.6",
+    "@types/react": "^18.2.33",
-    "@testing-library/react": "^11.2.2",
+    "@types/react-dom": "^18.2.14",
-    "@testing-library/user-event": "^12.5.0",
+    "eslint": "^8.34.0",
-    "prettier": "^2.5.1"
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier": "^2.8.4",
+    "typescript": "^4.9.5"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -53,17 +58,14 @@
   },
   "browserslist": {
     "production": [
-      ">0.3%",
+      ">0.2%",
       "not dead",
       "not op_mini all"
     ],
     "development": [
       "last 1 chrome version",
       "last 1 firefox version",
-      "last 1 safari version",
+      "last 1 safari version"
-      ">0.3%",
-      "not dead",
-      "not op_mini all"
     ]
   }
 }

frontend/src/features/user/profile/contact/ContactOptions.js

@@ -62,8 +62,7 @@ const getTooltip = contactOption => {
 };
 
 const getOrderNumber = contactOption => {
-  const orderNo =
+  const orderNo = orderNumbers[contactOption.contactTypeCode] || orderNumbers.DEFAULT;
-    orderNumbers[contactOption.contactTypeCode] || orderNumbers.DEFAULT;
   return orderNo;
 };
 
@@ -152,10 +151,7 @@ const ContactOptions = ({ contactOptions, userName }) => {
     [contactOptions, getOnClickEvent, getIconClickEvent, t, userName]
   );
 
-  const sorted = useMemo(
+  const sorted = useMemo(() => enrichedContactOptions.sort((a, b) => a.orderNo - b.orderNo), [enrichedContactOptions]);
-    () => enrichedContactOptions.sort((a, b) => a.orderNo - b.orderNo),
-    [enrichedContactOptions]
-  );
 
   const chunks = useMemo(() => sliceContactOptions(sorted), [sorted]);
 

frontend/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "target": "esnext",
+    "module": "esnext",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true, //does not create compile files
+    "jsx": "react-jsx",
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "allowUnreachableCode": false
+  },
+  "include": ["src"]
+}