add tooltip

apps/vyper/src/app/components/CompilerButton.tsx

@@ -1,4 +1,5 @@
 import React, { Fragment, useEffect, useState } from 'react'
+import { CustomTooltip } from "@remix-ui/helper";
 import { isVyper, compile, toStandardOutput, isCompilationError, remixClient, normalizeContractPath, compileContract, RemixClient } from '../utils'
 import Button from 'react-bootstrap/Button'
 
@@ -26,6 +27,11 @@ function CompilerButton({ contract, setOutput, compilerUrl, resetCompilerState,
 
   return (
     <Fragment>
+      <CustomTooltip
+      placement="auto"
+      tooltipId="overlay-tooltip-compile"
+      tooltipText={contract}
+    >
         <button data-id="compile"
           onClick={async () => {
             setLoadingSpinnerState(true)
@@ -41,6 +47,7 @@ function CompilerButton({ contract, setOutput, compilerUrl, resetCompilerState,
             </div>
           </div>
         </button>
+      </CustomTooltip>
     </Fragment>
   )
 }