feat: update authentication guard and ESLint configuration, upgrade React and ReactDOM

Author: NarwhalChen

backend/src/dashboard/dashboard.resolver.ts

@@ -8,10 +8,10 @@ import {
 } from './dto/user-input';
 import { RequireRoles } from '../decorator/auth.decorator';
 import { UseGuards } from '@nestjs/common';
-import { GqlAuthGuard } from '../guard/gql-auth.guard';
+import { JWTAuthGuard } from 'src/guard/jwt-auth.guard';
 
 @Resolver(() => User)
-@UseGuards(GqlAuthGuard)
+@UseGuards(JWTAuthGuard)
 export class DashboardResolver {
   constructor(private readonly dashboardService: DashboardService) {}
 

dashboard/.eslintrc.js

@@ -0,0 +1,69 @@
+/* eslint-disable no-undef */
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true
+    },
+    ecmaVersion: 2021,
+    sourceType: 'module',
+    project: './tsconfig.json'
+  },
+  env: {
+    browser: true,
+    es2021: true
+  },
+  extends: [
+    'plugin:react/recommended',
+    'airbnb-typescript',
+    'plugin:react/jsx-runtime',
+    'plugin:prettier/recommended'
+  ],
+  plugins: ['@typescript-eslint', 'react'],
+  settings: {
+    react: {
+      version: 'detect'
+    }
+  },
+  rules: {
+    'prettier/prettier': 'off',
+    'react/jsx-filename-extension': 'off',
+    'import/no-unresolved': 'off',
+    'import/extensions': 'off',
+    'react/display-name': 'off',
+    '@typescript-eslint/comma-dangle': 'off',
+    'import/prefer-default-export': 'off',
+    'jsx-a11y/anchor-is-valid': 'off',
+    'comma-dangle': 'off',
+    'max-len': 'off',
+    'no-console': 'off',
+    'no-param-reassign': 'off',
+    'no-plusplus': 'off',
+    'no-return-assign': 'off',
+    'object-curly-newline': 'off',
+    'react/jsx-props-no-spreading': 'off',
+    'react/react-in-jsx-scope': 'off',
+    'react/require-default-props': 'off',
+    'typescript-eslint/no-unused-vars': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'react/no-unescaped-entities': 'off',
+    'react/forbid-prop-types': 'off',
+    'react/jsx-max-props-per-line': [
+      1,
+      {
+        maximum: 2,
+        when: 'multiline'
+      }
+    ],
+    indent: 'off',
+    '@typescript-eslint/indent': [0],
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['off'],
+    '@typescript-eslint/no-unused-vars': ['off'],
+    '@typescript-eslint/no-shadow': ['off'],
+    '@typescript-eslint/dot-notation': ['off'],
+    'react/prop-types': ['off'],
+    '@typescript-eslint/naming-convention': ['off']
+  }
+};

dashboard/.eslintrc.json

@@ -23,9 +23,9 @@
     "nprogress": "0.2.0",
     "numeral": "2.0.6",
     "prop-types": "15.8.1",
-    "react": "17.0.2",
+    "react": "^18.3.1",
     "react-custom-scrollbars-2": "4.4.0",
-    "react-dom": "17.0.2",
+    "react-dom": "^18.3.1",
     "react-helmet-async": "1.3.0",
     "react-router": "6.3.0",
     "react-router-dom": "6.3.0",
@@ -41,8 +41,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "eject": "react-scripts eject",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
     "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json}\" --config ./.prettierrc"
   },
   "browserslist": {

dashboard/package.json

@@ -3,6 +3,9 @@
     "baseUrl": ".",
     "target": "es6",
     "lib": ["dom", "dom.iterable", "esnext"],
+    "paths": {
+      "src/*": ["./src/*"]
+    },
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,