UI eslint fixes (cvat-ai#908)

* Installed airbnb fullsettings
* Fixed actions menu
* Create model/task page
* File manager, header
* Labels editor
* Login, register
* Models page & model runner
* Tasks page
* Feedback and base app
* Tasks page
* Containers
* Reducers
* Fixed additional issues
* Small pagination fix

.vscode/settings.json

@@ -3,7 +3,8 @@
     "eslint.enable": true,
     "eslint.validate": [
         "javascript",
-        "typescript"
+        "typescript",
+        "typescriptreact",
     ],
     "eslint.workingDirectories": [
         {

cvat-ui/.eslintrc.js

@@ -19,16 +19,23 @@ module.exports = {
     ],
     'extends': [
         'plugin:@typescript-eslint/recommended',
-        'airbnb-typescript/base',
+        'airbnb-typescript',
         'plugin:import/errors',
         'plugin:import/warnings',
         'plugin:import/typescript',
     ],
     'rules': {
         '@typescript-eslint/indent': ['warn', 4],
+        'react/jsx-indent': ['warn', 4],
+        'react/jsx-indent-props': ['warn', 4],
+        'react/jsx-props-no-spreading': 0,
+        'jsx-quotes': ['error', 'prefer-single'],
+        'arrow-parens': ['error', 'always'],
         '@typescript-eslint/no-explicit-any': [0],
         'no-restricted-syntax': [0, {'selector': 'ForOfStatement'}],
         'no-plusplus': [0],
+        'lines-between-class-members': 0,
+        'react/no-did-update-set-state': 0, // https://github.com/airbnb/javascript/issues/1875
     },
     'settings': {
         'import/resolver': {

cvat-ui/package.json

@@ -14,19 +14,20 @@
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.6.0",
-    "@typescript-eslint/eslint-plugin": "^1.13.0",
+    "@typescript-eslint/eslint-plugin": "^2.10.0",
     "babel": "^6.23.0",
     "babel-loader": "^8.0.6",
     "babel-plugin-import": "^1.12.2",
     "css-loader": "^3.2.0",
     "eslint-config-airbnb-typescript": "^4.0.1",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.14.3",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-react-hooks": "^1.7.0",
     "html-webpack-plugin": "^3.2.0",
     "nodemon": "^1.19.2",
     "style-loader": "^1.0.0",
-    "typescript": "^3.6.3",
+    "typescript": "^3.7.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.8",
     "webpack-dev-server": "^3.8.0"

cvat-ui/src/actions/models-actions.ts

@@ -431,7 +431,7 @@ async function timeoutCallback(
         dispatch(getInferenceStatusSuccess(taskID, activeInference));
     } catch (error) {
         dispatch(getInferenceStatusFailed(taskID, new Error(
-            `Server request for the task ${taskID} was failed`
+            `Server request for the task ${taskID} was failed`,
         )));
     }
 }