feat: new design, refactoring (#3)

Author: Raubzeug

.stylelintrc

@@ -0,0 +1,11 @@
+{
+    "extends": [
+        "@yandex-cloud/stylelint-config",
+        "@yandex-cloud/stylelint-config/order",
+        "@yandex-cloud/stylelint-config/prettier"
+    ],
+    "rules": {
+        "declaration-colon-space-after": "always-single-line",
+        "declaration-no-important": null
+    }
+}

config-overrides.js

@@ -2,15 +2,15 @@ const _ = require('lodash');
 const path = require('path');
 
 const srcRoot = path.resolve(__dirname, 'src');
-const commonRoot = path.resolve(__dirname, 'node_modules/@yandex-data-ui/common');
+const uiKitRoot = path.resolve(__dirname, 'node_modules/@yandex-cloud/uikit');
 
 module.exports = function override(config, env) {
     //do stuff with the webpack config...
 
     const oneOfRule = config.module.rules.find((r) => r.oneOf);
     oneOfRule.oneOf.splice(0, 0, {
         test: /\.svg$/,
-        include: [path.resolve(srcRoot, 'assets/icons'), path.resolve(commonRoot, 'assets/icons')],
+        include: [path.resolve(srcRoot, 'assets/icons'), path.resolve(uiKitRoot, 'assets/icons')],
         loader: '@svgr/webpack',
         options: {dimensions: false},
     });

package-lock.json

@@ -12,6 +12,7 @@
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+    "@types/qs": "^6.9.7",
     "@yandex-cloud/i18n": "^0.2.0",
     "@yandex-cloud/paranoid": "^1.0.0",
     "@yandex-cloud/react-data-table": "^0.2.1",
@@ -30,10 +31,10 @@
     "react-redux": "^7.0.3",
     "react-router": "^5.0.1",
     "react-router-dom": "^5.0.1",
-    "react-scripts": "^4.0.3",
+    "react-scripts": "4.0.3",
+    "react-split": "^2.0.14",
     "react-transition-group": "^4.4.2",
     "react-treeview": "^0.4.7",
-    "react-use": "^15.3.4",
     "redux": "^4.0.1",
     "redux-location-state": "^2.6.0",
     "redux-thunk": "^2.3.0",
@@ -43,9 +44,10 @@
   },
   "scripts": {
     "start": "react-app-rewired start",
-    "dev": "REACT_APP_BACKEND=http://localhost:8765 npm start",
+    "dev": "DISABLE_ESLINT_PLUGIN=true TSC_COMPILE_ON_ERROR=true REACT_APP_BACKEND=http://localhost:8765 npm start",
     "build": "react-app-rewired build",
     "build:embedded": "rm -rf build && REACT_APP_BACKEND=http://localhost:8765 npm run build && ./prepare-build.sh",
+    "lint:styles": "stylelint 'src/**/*.scss'",
     "package": "rm -rf dist && copyfiles -u 1 'src/**/*' dist",
     "test": "react-app-rewired test",
     "eject": "react-scripts eject",
@@ -80,10 +82,12 @@
     "@yandex-cloud/uikit": "^1.7.0",
     "copyfiles": "^2.4.1",
     "eslint-config-prettier": "^8.3.0",
+    "postcss": "^8.4.6",
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-app-rewired": "^2.1.11",
     "react-dom": "^17.0.2",
+    "stylelint": "^14.3.0",
     "typescript": "^4.5.4"
   }
 }

package.json

@@ -6,8 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
-      name="description"
-      content="Web site created using create-react-app"
+      name="YDB Monitoring"
     />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
@@ -18,7 +17,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>YDB Monitoring</title>
     <script>
       window.systemSettings = {};
       window.userSettings = {};