show saved only for injected

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

@@ -1,25 +1,27 @@
 // eslint-disable-next-line no-use-before-define
 import { CustomTooltip } from '@remix-ui/helper'
-import React, {useEffect} from 'react'
+import React, {useEffect, useRef} from 'react'
 import { FormattedMessage } from 'react-intl'
 import { InstanceContainerProps } from '../types'
 import { UniversalDappUI } from './universalDappUI'
 
 export function InstanceContainerUI(props: InstanceContainerProps) {
   const { instanceList } = props.instances
+  const env = useRef()
 
   useEffect(() => {
     const fetchSavedContracts = async () => {
-      const allSavedContracts = localStorage.getItem('savedContracts')
-      if (allSavedContracts) {
-        const savedContracts = JSON.parse(allSavedContracts)
-        const { network } = await props.plugin.call('blockchain', 'getCurrentNetworkStatus')
-        if (network.id === ' - ') network.id = network.id.trim() // For VM, id is ' - '
-        const env = await props.plugin.call('blockchain', 'getProvider')
-        if (savedContracts[env] && savedContracts[env][network.id]) {
-          const instances = savedContracts[env][network.id]
-          for (const inst of instances)
-            if (inst) await props.plugin.call('udapp', 'addSavedInstance', inst.address, inst.contractData.abi, inst.name, inst.savedOn)
+      env.current = await props.plugin.call('blockchain', 'getProvider')
+      if(env.current && env.current === 'injected') {
+        const allSavedContracts = localStorage.getItem('savedContracts')
+        if (allSavedContracts) {
+          const savedContracts = JSON.parse(allSavedContracts)
+          const { network } = await props.plugin.call('blockchain', 'getCurrentNetworkStatus')
+          if (savedContracts[env.current] && savedContracts[env.current][network.id]) {
+            const instances = savedContracts[env.current][network.id]
+            for (const inst of instances)
+              if (inst) await props.plugin.call('udapp', 'addSavedInstance', inst.address, inst.contractData.abi, inst.name, inst.savedOn)
+          }
         }
       }
     }
@@ -32,41 +34,44 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
 
   return (
     <div className="udapp_instanceContainer mt-3 border-0 list-group-item">
-      <div className="d-flex justify-content-between align-items-center pl-2 mb-2">
-        <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
-          <label className="udapp_deployedContracts">
-            <FormattedMessage id="udapp.savedContracts" />
-          </label>
-        </CustomTooltip>
-      </div>
-      {props.savedInstances.instanceList.length > 0 ? (
-        <div>
-          {' '}
-          {props.savedInstances.instanceList.map((instance, index) => {
-            return (
-              <UniversalDappUI
-                key={index}
-                instance={instance}
-                isSavedContract={true}
-                context={props.getContext()}
-                removeInstance={props.removeInstance}
-                index={index}
-                gasEstimationPrompt={props.gasEstimationPrompt}
-                passphrasePrompt={props.passphrasePrompt}
-                mainnetPrompt={props.mainnetPrompt}
-                runTransactions={props.runTransactions}
-                sendValue={props.sendValue}
-                getFuncABIInputs={props.getFuncABIInputs}
-                plugin={props.plugin}
-              />
-            )
-          })}
-        </div>
-      ) : (
-        <span className="mx-2 mt-3 alert alert-warning" data-id="NoSavedInstanceText" role="alert">
-          <FormattedMessage id="udapp.NoSavedInstanceText" />
-        </span>
-      )}
+      { env.current && env.current === 'injected' ? (
+        <div className="d-flex justify-content-between align-items-center pl-2 mb-2">
+          <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
+            <label className="udapp_deployedContracts">
+              <FormattedMessage id="udapp.savedContracts" />
+            </label>
+          </CustomTooltip>
+        </div>) : null }
+      { env.current && env.current === 'injected' ? (
+        props.savedInstances.instanceList.length > 0 ? (
+          <div>
+            {' '}
+            {props.savedInstances.instanceList.map((instance, index) => {
+              return (
+                <UniversalDappUI
+                  key={index}
+                  instance={instance}
+                  isSavedContract={true}
+                  context={props.getContext()}
+                  removeInstance={props.removeInstance}
+                  index={index}
+                  gasEstimationPrompt={props.gasEstimationPrompt}
+                  passphrasePrompt={props.passphrasePrompt}
+                  mainnetPrompt={props.mainnetPrompt}
+                  runTransactions={props.runTransactions}
+                  sendValue={props.sendValue}
+                  getFuncABIInputs={props.getFuncABIInputs}
+                  plugin={props.plugin}
+                />
+              )
+            })}
+          </div>
+        ) : (
+          <span className="mx-2 mt-3 alert alert-warning" data-id="NoSavedInstanceText" role="alert">
+            <FormattedMessage id="udapp.NoSavedInstanceText" />
+          </span>
+        )
+      ) :  null }
 
       <div className="d-flex justify-content-between align-items-center pl-2 mb-2 mt-3">
         <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>

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

@@ -52,7 +52,6 @@ export function UniversalDappUI(props: UdappProps) {
   }, [props.instance.contractData])
 
   useEffect(() => {
-    console.log('props====>', props)
     if (props.instance.balance) {
       setInstanceBalance(props.instance.balance)
     }