refactor(ui): Use reakit Tooltip

relative-ci · Jan 5, 2021 · 8ede100 · 8ede100
1 parent 77a0666
commit 8ede100
Show file tree

Hide file tree

Showing 8 changed files with 2,003 additions and 426 deletions.
diff --git a/packages/ui/build/webpack/config.js b/packages/ui/build/webpack/config.js
@@ -1,5 +1,6 @@
 const path = require('path');
 const StatsPlugin = require('stats-webpack-plugin');
+const webpack = require('webpack');
 
 const ROOT = path.join(__dirname, '../../');
 const CONTEXT = path.join(ROOT, 'src');
@@ -70,6 +71,9 @@ module.exports = {
   },
   devtool: 'source-map',
   plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+    }),
     new StatsPlugin('../artifacts/webpack-stats.json', {
       all: false,
       assets: true,

diff --git a/packages/ui/package-lock.json b/packages/ui/package-lock.json
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -67,6 +67,7 @@
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-test-renderer": "16.14.0",
+    "reakit": "^1.3.3",
     "recompose": "0.30.0",
     "stats-webpack-plugin": "0.7.0",
     "style-loader": "2.0.0",

diff --git a/packages/ui/src/components/bundle-assets/bundle-assets.jsx b/packages/ui/src/components/bundle-assets/bundle-assets.jsx
@@ -101,7 +101,6 @@ const getRenderRowHeader = (labels) => (item) => (
       <Tooltip
         className={css.notPredictive}
         title={<TooltipNotPredictive runs={item.runs} />}
-        align="topLeft"
       >
         <span className={cx('ui-icon ui-icon--small', css.notPredictiveIcon)}>warning</span>
       </Tooltip>