updated the tooltip for disabled state

do not show wifi icon for remix web

Author: LianaHus

apps/remix-ide/src/app/tabs/locales/en/terminal.json

@@ -1,5 +1,6 @@
 {
   "terminal.listen": "listen on all transactions",
+  "terminal.listenVM": "Listen on all transactions is disabled for VM environment",
   "terminal.listenTitle": "If checked Remix will listen on all transactions mined in the current environment and not only transactions created by you",
   "terminal.search": "Search with transaction hash or address",
   "terminal.used": "used",

libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx

@@ -8,6 +8,8 @@ import { Chevron } from './components/Chevron'
 import { IconRecord } from './types'
 import { onLineContext } from '@remix-ui/app'
 import { CustomTooltip } from '@remix-ui/helper'
+import {Registry} from '@remix-project/remix-lib'
+
 export interface RemixUiVerticalIconsPanelProps {
   verticalIconsPlugin: Plugin
   icons: IconRecord[]
@@ -109,29 +111,31 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
           />
         </div>
         <div className="remixui_default-icons-container border-0">
-          {scrollableRef.current && scrollableRef.current.scrollHeight > scrollableRef.current.clientHeight ? (
+          { scrollableRef.current && scrollableRef.current.scrollHeight > scrollableRef.current.clientHeight ? (
             <Chevron divElementRef={scrollableRef} direction="down" cssRule={'fa fa-chevron-down remixui_icon-chevron my-0'} />
-          ) : null}
+          ) : null }
           <IconList
             theme={theme}
             icons={icons.filter((p) => p.profile.name === 'settings' || p.profile.name === 'pluginManager')}
             verticalIconsPlugin={verticalIconsPlugin}
             itemContextAction={itemContextAction}
           />
-          {online ?
-            <CustomTooltip
-              placement="top"
-              tooltipText={'You are online'}
-            >
-              <i className="fa-solid fa-wifi text-success p-2"></i>
-            </CustomTooltip>
-            :
-            <CustomTooltip
-              placement="top"
-              tooltipText={'You are offline'}
-            >
-              <i className="fa-solid fa-wifi-exclamation text-danger p-2"></i>
-            </CustomTooltip>}
+          { Registry.getInstance().get('platform').api.isDesktop() ? (
+            online ? (
+              <CustomTooltip
+                placement="top"
+                tooltipText={'You are online'}
+              >
+                <i className="fa-solid fa-wifi text-success p-2"></i>
+              </CustomTooltip>)
+              :
+              (<CustomTooltip
+                placement="top"
+                tooltipText={'You are offline'}
+              >
+                <i className="fa-solid fa-wifi-exclamation text-danger p-2"></i>
+              </CustomTooltip>)
+          ) : null }
         </div>
       </div>
     </div>