ensure debugging same hash

apps/remix-ide/src/app/tabs/debugger-tab.js

@@ -82,6 +82,7 @@ class DebuggerTab extends ViewPlugin {
   }
 
   debug (hash) {
+    this.debugHash = '' // so we can trigger a debug using the same hash 2 times in a row. that's needs to be improved
     this.debugHash = hash
     this.renderComponent()
   }
@@ -105,6 +106,7 @@ class DebuggerTab extends ViewPlugin {
   getTrace (hash) {
     if (!hash) return
     return new Promise(async (resolve, reject) => { /* eslint-disable-line */
+      try {
         const web3 = await this.getDebugWeb3()
         const currentReceipt = await web3.eth.getTransactionReceipt(hash)
         const debug = new Debugger({
@@ -121,21 +123,17 @@ class DebuggerTab extends ViewPlugin {
           debugWithGeneratedSources: false
         })
       
-      setState(prevState => {
-        return { ...prevState, currentReceipt }
-      })
-  
-      debug.debugger.traceManager.traceRetriever.getTrace(hash, (error, trace) => {
-        if (error) return reject(error)
-        resolve(trace)
-      })
+        resolve(await debug.debugger.traceManager.getTrace(hash))    
+      } catch (e) {
+        reject(e)
+      }      
     })
   }
 
   fetchContractAndCompile (address, receipt) {
     const target = (address && remixDebug.traceHelper.isContractCreation(address)) ? receipt.contractAddress : address
 
-    return debuggerModule.call('fetchAndCompile', 'resolve', target || receipt.contractAddress || receipt.to, '.debug', debuggerModule.blockchain.web3())
+    return this.call('fetchAndCompile', 'resolve', target || receipt.contractAddress || receipt.to, '.debug', this.blockchain.web3())
   }
 
   // debugger () {

libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx

@@ -29,7 +29,9 @@ export const DebuggerUI = ({ debuggerModule }) => {
   }, [])
 
   useEffect(() => {
+    if (debuggerModule.debugHash) {
       debug(debuggerModule.debugHash)
+    }
   }, [debuggerModule.debugHash])
 
   useEffect(() => {