Merge pull request #1788 from RedisInsight/fix-client-list

rsergeenko · web-flow · commit 75f918ff37a0 · 2023-02-27T16:15:17.000+03:00
fix client list index.html, update dependencies
diff --git a/redisinsight/ui/src/packages/clients-list/README.md b/redisinsight/ui/src/packages/clients-list/README.md
@@ -20,6 +20,9 @@ This command will generate the `vendor` folder with styles and fonts of the core
 inside the folder for your plugin and include appropriate styles to the `index.html` file.
 
 ```
+yarn
+yarn --cwd redisinsight/api/ install
+
 yarn build:statics - for Linux or MacOs
 yarn build:statics:win - for Windows
 ```
diff --git a/redisinsight/ui/src/packages/clients-list/package.json b/redisinsight/ui/src/packages/clients-list/package.json
@@ -45,16 +45,13 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.12.0",
-    "@parcel/compressor-brotli": "^2.0.0",
-    "@parcel/compressor-gzip": "^2.0.0",
-    "@parcel/transformer-sass": "^2.0.0",
-    "@parcel/transformer-typescript-tsc": "^2.3.2",
+    "@parcel/transformer-sass": "2.3.2",
     "@types/node": "^17.0.21",
     "@types/react": "^17.0.40",
     "@types/react-dom": "^17.0.13",
     "concurrently": "^6.3.0",
     "cross-env": "^7.0.3",
-    "parcel": "^2.0.0",
+    "parcel": "2.3.2",
     "rimraf": "^3.0.2",
     "terser": "^5.9.0",
     "typescript": ">=3.0.0"
diff --git a/redisinsight/ui/src/packages/clients-list/src/index.html b/redisinsight/ui/src/packages/clients-list/src/index.html
@@ -5,13 +5,13 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Client list plugin</title>
-  <link rel="stylesheet" href="../../../RedisInsight/vendor/global_styles.css" />
-  <link rel="stylesheet" href="../../../RedisInsight/vendor/dark_theme.css" />
-  <!-- <link rel="stylesheet" href="../../../RedisInsight/vendor/light_theme.css" /> -->
+  <link rel="stylesheet" href="../../../../../../vendor/global_styles.css" type="text/css" />
+  <link rel="stylesheet" href="../../../../../../vendor/dark_theme.css" type="text/css" />
+  <!-- <link rel="stylesheet" href="../../../../../../vendor/light_theme.css" /> -->
   <link rel="stylesheet" href="./styles/styles.scss" />
 </head>
 <body>
   <div id="app"></div>
-  <script src="./main.tsx"></script>
+  <script type="module" src="./main.tsx"></script>
 </body>
 </html>
diff --git a/redisinsight/ui/src/packages/clients-list/yarn.lock b/redisinsight/ui/src/packages/clients-list/yarn.lock
