updated the tooltip for disabled state

do not show wifi icon for remix web
pull/5370/head
lianahus 1 year ago committed by Aniket
parent 4021a5efc4
commit c14f75fb42
  1. 1
      apps/remix-ide/src/app/tabs/locales/en/terminal.json
  2. 12
      libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx

@ -1,5 +1,6 @@
{ {
"terminal.listen": "listen on all transactions", "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.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.search": "Search with transaction hash or address",
"terminal.used": "used", "terminal.used": "used",

@ -8,6 +8,8 @@ import { Chevron } from './components/Chevron'
import { IconRecord } from './types' import { IconRecord } from './types'
import { onLineContext } from '@remix-ui/app' import { onLineContext } from '@remix-ui/app'
import { CustomTooltip } from '@remix-ui/helper' import { CustomTooltip } from '@remix-ui/helper'
import {Registry} from '@remix-project/remix-lib'
export interface RemixUiVerticalIconsPanelProps { export interface RemixUiVerticalIconsPanelProps {
verticalIconsPlugin: Plugin verticalIconsPlugin: Plugin
icons: IconRecord[] icons: IconRecord[]
@ -118,20 +120,22 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
verticalIconsPlugin={verticalIconsPlugin} verticalIconsPlugin={verticalIconsPlugin}
itemContextAction={itemContextAction} itemContextAction={itemContextAction}
/> />
{online ? { Registry.getInstance().get('platform').api.isDesktop() ? (
online ? (
<CustomTooltip <CustomTooltip
placement="top" placement="top"
tooltipText={'You are online'} tooltipText={'You are online'}
> >
<i className="fa-solid fa-wifi text-success p-2"></i> <i className="fa-solid fa-wifi text-success p-2"></i>
</CustomTooltip> </CustomTooltip>)
: :
<CustomTooltip (<CustomTooltip
placement="top" placement="top"
tooltipText={'You are offline'} tooltipText={'You are offline'}
> >
<i className="fa-solid fa-wifi-exclamation text-danger p-2"></i> <i className="fa-solid fa-wifi-exclamation text-danger p-2"></i>
</CustomTooltip>} </CustomTooltip>)
) : null }
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save