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`,
  )));
  }
 }