From 4e850582c6a128784d0845b3313dc11d98b39d3f Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 7 Oct 2022 11:38:04 +0100
Subject: [PATCH] add tooltip to the run buton

---
 .../src/lib/Button/StaticAnalyserButton.tsx    | 18 +++++++++++++++---
 .../src/lib/remix-ui-static-analyser.tsx       |  4 ++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx b/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
index 62876bc1c0..787aa4483d 100644
--- a/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
@@ -1,4 +1,5 @@
 import React from 'react'  //eslint-disable-line
+import { OverlayTrigger, Tooltip } from 'react-bootstrap'
 
 interface StaticAnalyserButtonProps {
   onClick: (event) => void
@@ -14,10 +15,21 @@ const StaticAnalyserButton = ({
   title
 }: StaticAnalyserButtonProps) => {
   let classList = "btn btn-sm w-25 btn-primary"
-  classList += disabled ? " disabled" : "" 
+  classList += disabled ? " disabled" : ""
   return (
-    <button className={classList} disabled={disabled} title={title} onClick={onClick}>
-      {buttonText}
+    <button className={classList} disabled={disabled} onClick={onClick}>
+      <OverlayTrigger
+        placement="bottom-start"
+        overlay={
+          <Tooltip id="ssaRunButtonTooltip" className="text-nowrap">
+            <span>{title}</span>
+          </Tooltip>
+        }
+      >
+        <span>
+          {buttonText}
+        </span>
+      </OverlayTrigger>
     </button>
   )
 }
diff --git a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
index e0379d1b11..c81dad4a95 100644
--- a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
@@ -255,7 +255,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
             if(fileName !== currentFile) {
               const {file, provider} = await props.analysisModule.call('fileManager', 'getPathFromUrl', fileName)
               if (file.startsWith('.deps') || (provider.type === 'localhost' && file.startsWith('localhost/node_modules'))) isLibrary = true
-            } 
+            }
             const msg = message(result.name, item.warning, item.more, fileName, locationString)
             const options = {
               type: 'warning',
@@ -321,7 +321,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                 if(fileName !== currentFile) {
                   const {file, provider} = await props.analysisModule.call('fileManager', 'getPathFromUrl', fileName)
                   if (file.startsWith('.deps') || (provider.type === 'localhost' && file.startsWith('localhost/node_modules'))) isLibrary = true
-                } 
+                }
                 const msg = message(item.title, item.description, item.more, fileName, locationString)
                 const options = {
                   type: 'warning',