fixes mainnet modal

Author: Aniket-Engg

apps/remix-ide/src/app/components/top-bar.tsx

@@ -162,8 +162,8 @@ export class Topbar extends Plugin {
   async getLatestReleaseNotesUrl () {
     const response = await this.getLatestUpdates()
     const data: UpdateInfo[] = response
-    const interim = data.find(x => x.action.label.includes('Release notes'))
-    const targetUrl = interim.action.url
+    const interim = data.find(x => x.action.label.toLowerCase().includes('release notes'))
+    const targetUrl = interim?.action?.url
     const currentReleaseVersion = packageJson.version
     return [targetUrl, currentReleaseVersion]
   }

apps/remix-ide/src/blockchain/blockchain.tsx

@@ -594,7 +594,7 @@ export class Blockchain extends Plugin {
       // TODO: this try catch feels like an anti pattern, can/should be
       // removed, but for now keeping the original logic
       try {
-        const fee = this.calculateFee(tx.gas, gasPrice)
+        const fee = this.calculateFee(tx.gasLimit, gasPrice)
         txFeeText = ' ' + this.fromWei(fee, false, 'ether') + ' Ether'
         priceStatus = true
       } catch (e) {

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

@@ -16,7 +16,6 @@ export function MainnetPrompt(props: MainnetProps) {
       if (gasPriceValue) onGasPriceChange(gasPriceValue)
       if (props.network && props.network.lastBlock && props.network.lastBlock.baseFeePerGas) {
         const baseFee = formatUnits(BigInt(props.network.lastBlock.baseFeePerGas), 'gwei')
-
         setBaseFee(baseFee)
         onMaxFeeChange(baseFee)
       }
@@ -102,7 +101,7 @@ export function MainnetPrompt(props: MainnetProps) {
           <span className="text-dark me-2">
             <FormattedMessage id="udapp.gasLimit" />:
           </span>
-          <span>{props.tx.gas}</span>
+          <span>{props.tx.gasLimit}</span>
         </div>
         {props.network.lastBlock.baseFeePerGas ? (
           <div>
@@ -169,9 +168,9 @@ export function MainnetPrompt(props: MainnetProps) {
           </span>
         </div>
       </div>
-      <div className="d-flex py-1 align-items-center form-check remixui_checkbox">
+      <div className="d-flex py-1 align-items-center form-check">
         <input className="form-check-input" id="confirmsetting" type="checkbox" />
-        <label className="m-0 form-check-label" htmlFor="confirmsetting">
+        <label className="ms-1 mt-1 form-check-label" htmlFor="confirmsetting">
           <FormattedMessage id="udapp.mainnetText3" />
         </label>
       </div>

libs/remix-ui/run-tab/src/lib/types/index.ts

@@ -227,7 +227,7 @@ export interface Tx {
   from: string,
   to: string,
   data: string,
-  gas: string
+  gasLimit?: string
 }
 
 export interface Network {