tooltip on generate button

apps/etherscan/src/app/views/VerifyView.tsx

@@ -3,6 +3,7 @@ import React, { useEffect, useRef, useState } from "react"
 import {
   PluginClient,
 } from "@remixproject/plugin"
+import { CustomTooltip } from '@remix-ui/helper'
 import { Formik, ErrorMessage, Field } from "formik"
 
 import { SubmitButton } from "../components"
@@ -189,11 +190,15 @@ export const VerifyView: React.FC<Props> = ({
               : false}
             />
             <br/><br/>
+            <CustomTooltip
+              tooltipText='Generate the required TS scripts to verify a contract on Etherscan'
+              tooltipId='etherscan-generate-scripts'
+              placement='bottom'
+            >
               <button
                 type="button"
                 style={{ padding: "0.25rem 0.4rem", marginRight: "0.5em", marginBottom: "0.5em"}}
                 className="btn btn-secondary"
-              title="Generate the required TS scripts to verify a contract on Etherscan"
                 onClick={async () => {
                   if (!await client.call('fileManager', 'exists' as any, 'scripts/etherscan/receiptStatus.ts')) {
                     await client.call('fileManager', 'writeFile', 'scripts/etherscan/receiptStatus.ts', receiptGuidScript)
@@ -212,6 +217,7 @@ export const VerifyView: React.FC<Props> = ({
                 >
                   Generate Verification Scripts
                 </button>
+              </CustomTooltip>
           </form>
           )
         }