From d59355873e4c1acf9db5d0c22b7f461bd8537f01 Mon Sep 17 00:00:00 2001
From: Guzel738 <guzel1625@gmail.com>
Date: Tue, 2 Feb 2021 13:36:22 +0300
Subject: [PATCH] Improvements made

---
 kafka-ui-react-app/.eslintrc.json                           | 2 +-
 kafka-ui-react-app/package.json                             | 5 +++--
 .../src/tests/Topics/Details/Messages/Messages.spec.tsx     | 6 ++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/kafka-ui-react-app/.eslintrc.json b/kafka-ui-react-app/.eslintrc.json
index 1f2c75843b..c4043d7b6e 100644
--- a/kafka-ui-react-app/.eslintrc.json
+++ b/kafka-ui-react-app/.eslintrc.json
@@ -31,7 +31,7 @@
     "jsx-a11y/label-has-associated-control": "off",
     "import/prefer-default-export": "off",
     "@typescript-eslint/no-explicit-any": "error",
-    "react/jsx-props-no-spreading": 0
+    "react/jsx-props-no-spreading": "off"
   },
   "overrides": [
     {
diff --git a/kafka-ui-react-app/package.json b/kafka-ui-react-app/package.json
index 3abd7b1ed0..cd16b9fab2 100644
--- a/kafka-ui-react-app/package.json
+++ b/kafka-ui-react-app/package.json
@@ -35,7 +35,8 @@
   "lint-staged": {
     "*.{js,ts,jsx,tsx}": [
       "eslint -c .eslintrc.json --fix",
-      "git add"
+      "git add",
+      "jest --bail --findRelatedTests"
     ]
   },
   "scripts": {
@@ -50,7 +51,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run tsc --noEmit && lint-staged && npm test"
+      "pre-commit": "npm run tsc --noEmit && lint-staged"
     }
   },
   "eslintConfig": {
diff --git a/kafka-ui-react-app/src/tests/Topics/Details/Messages/Messages.spec.tsx b/kafka-ui-react-app/src/tests/Topics/Details/Messages/Messages.spec.tsx
index 45cd49253d..01bbef900c 100644
--- a/kafka-ui-react-app/src/tests/Topics/Details/Messages/Messages.spec.tsx
+++ b/kafka-ui-react-app/src/tests/Topics/Details/Messages/Messages.spec.tsx
@@ -3,10 +3,8 @@ import { mount, shallow } from 'enzyme';
 import JSONTree from 'react-json-tree';
 import * as useDebounce from 'use-debounce';
 import DatePicker from 'react-datepicker';
-import Messages, {
-  Props,
-} from '../../../../components/Topics/Details/Messages/Messages';
-import PageLoader from '../../../../components/common/PageLoader/PageLoader';
+import Messages, { Props } from 'components/Topics/Details/Messages/Messages';
+import PageLoader from 'components/common/PageLoader/PageLoader';
 
 describe('Messages component', () => {
   beforeEach(() => {