feat: 📦 Adding react tooltip

package.json

@@ -36,6 +36,7 @@
     "@unform/core": "^2.1.3",
     "@unform/web": "^2.1.3",
     "based-blob": "^1.0.1",
+    "classnames": "^2.3.1",
     "copy-webpack-plugin": "^6.1.1",
     "css-loader": "^4.0.0",
     "electron-context-menu": "^2.3.0",
@@ -59,6 +60,7 @@
     "react-select": "^3.1.0",
     "react-spring": "^8.0.27",
     "react-svg-loader": "^3.0.3",
+    "react-tooltip": "^4.2.21",
     "react-use": "^15.3.2",
     "reactjs-popup": "^2.0.4",
     "style-loader": "^1.2.1",
@@ -74,6 +76,7 @@
     "@babel/preset-typescript": "^7.9.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.1",
     "@testing-library/react": "^10.4.3",
+    "@types/classnames": "^2.3.1",
     "@types/electron-devtools-installer": "^2.2.0",
     "@types/react": "^16.9.34",
     "@types/react-color": "^3.0.6",

src/context/index.tsx

@@ -1,6 +1,8 @@
 import React from 'react'
 import { HashRouter } from 'react-router-dom'
 
+import ReactTooltip from 'react-tooltip'
+
 import { WindowProvider } from './window'
 import { UpdaterProvider } from './updater'
 
@@ -12,7 +14,10 @@ function AppProvider ({ children }: Props): React.ReactElement {
   return (
     <HashRouter>
       <WindowProvider>
-        <UpdaterProvider>{children}</UpdaterProvider>
+        <UpdaterProvider>
+          <ReactTooltip />
+          {children}
+        </UpdaterProvider>
       </WindowProvider>
     </HashRouter>
   )