From 505ec7116a17913e491893dffc03cc34a743e9f4 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Wed, 26 Apr 2023 18:00:07 +0530
Subject: [PATCH] tooltip on generate button

---
 apps/etherscan/src/app/views/VerifyView.tsx | 52 ++++++++++++---------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/apps/etherscan/src/app/views/VerifyView.tsx b/apps/etherscan/src/app/views/VerifyView.tsx
index ef251cf5ce..1ead43f0e7 100644
--- a/apps/etherscan/src/app/views/VerifyView.tsx
+++ b/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,29 +190,34 @@ export const VerifyView: React.FC<Props> = ({
               : false}
             />
             <br/><br/>
-            <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)
-                  await client.call('fileManager', 'open', 'scripts/etherscan/receiptStatus.ts')
-                } else {
-                  client.call('notification' as any, 'toast', 'File receiptStatus.ts already exists')
-                }
-                
-                if (!await client.call('fileManager', 'exists' as any, 'scripts/etherscan/verify.ts')) {
-                  await client.call('fileManager', 'writeFile', 'scripts/etherscan/verify.ts', verifyScript)
-                  await client.call('fileManager', 'open', 'scripts/etherscan/verify.ts')
-                } else {
-                  client.call('notification' as any, 'toast', 'File verify.ts already exists')
-                }
-              }}
-              >
-                Generate Verification Scripts
-              </button>
+            <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"
+                onClick={async () => {
+                  if (!await client.call('fileManager', 'exists' as any, 'scripts/etherscan/receiptStatus.ts')) {
+                    await client.call('fileManager', 'writeFile', 'scripts/etherscan/receiptStatus.ts', receiptGuidScript)
+                    await client.call('fileManager', 'open', 'scripts/etherscan/receiptStatus.ts')
+                  } else {
+                    client.call('notification' as any, 'toast', 'File receiptStatus.ts already exists')
+                  }
+                  
+                  if (!await client.call('fileManager', 'exists' as any, 'scripts/etherscan/verify.ts')) {
+                    await client.call('fileManager', 'writeFile', 'scripts/etherscan/verify.ts', verifyScript)
+                    await client.call('fileManager', 'open', 'scripts/etherscan/verify.ts')
+                  } else {
+                    client.call('notification' as any, 'toast', 'File verify.ts already exists')
+                  }
+                }}
+                >
+                  Generate Verification Scripts
+                </button>
+              </CustomTooltip>
           </form>
           )
         }