use ethers.js for estimateGas & fix listening env change

Author: yann300

libs/remix-lib/src/execution/txRunnerWeb3.ts

@@ -3,6 +3,7 @@ import { EventManager } from '../eventManager'
 import type { Transaction as InternalTransaction } from './txRunner'
 import { Web3 } from 'web3'
 import { toBigInt, toHex } from 'web3-utils'
+import { ethers } from 'ethers'
 
 export class TxRunnerWeb3 {
   event
@@ -134,9 +135,11 @@ export class TxRunnerWeb3 {
           txCopy.gasPrice = undefined
         }
       }
-      this.getWeb3().eth.estimateGas(txCopy)
-        .then(gasEstimation => {
+      const ethersProvider = new ethers.providers.Web3Provider(this.getWeb3().currentProvider as any)
+      ethersProvider.estimateGas(txCopy)
+        .then(gasEstimationBigInt => {
           gasEstimationForceSend(null, () => {
+            const gasEstimation = gasEstimationBigInt.toNumber()
             /*
             * gasLimit is a value that can be set in the UI to hardcap value that can be put in a tx.
             * e.g if the gasestimate

libs/remix-ui/run-tab/src/lib/components/dropdownLabel.tsx

@@ -31,14 +31,14 @@ export function DropdownLabel({ label, bridges, currentProvider, chainId, runTab
       }
     }
     checkEnvLabels()
-    const selectedEnv = selectedEnvs.find(env => (env.chainId === chainId && env.value === runTabState.selectExEnv) || (env.value === 'walletconnect' && env.value === currentProvider?.name) || env.chainId === chainId)
+    const selectedEnv = selectedEnvs.find(env => (env.chainId === chainId && env.value === runTabState.selectExEnv) || (env.value === 'walletconnect' && env.value === currentProvider?.name))
     if (selectedEnv) {
       setRenderLabel(selectedEnv.name)
       setExecutionEnv({ context: selectedEnv.value })
     } else {
       setRenderLabel('Injected Provider - MetaMask')
     }
-  }, [chainId])
+  }, [chainId, currentProvider && currentProvider.name])
 
   return (
     <>