m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

added tooltip (#19269)

Browse Source
This commit is contained in:
Nidhi Kumari 2023-05-25 19:00:01 +05:30 committed by GitHub
parent 9375e3810f
commit f0be1c3dba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
ui/components/multichain/app-header/app-header.js
View File

@ -57,6 +57,7 @@ import ConnectedStatusIndicator from '../../app/connected-status-indicator';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { getCompletedOnboarding } from '../../../ducks/metamask/metamask'; import { getCompletedOnboarding } from '../../../ducks/metamask/metamask';
import { getSendStage, SEND_STAGES } from '../../../ducks/send'; import { getSendStage, SEND_STAGES } from '../../../ducks/send';
import Tooltip from '../../ui/tooltip';
export const AppHeader = ({ location }) => { export const AppHeader = ({ location }) => {
const trackEvent = useContext(MetaMetricsContext); const trackEvent = useContext(MetaMetricsContext);
@ -175,20 +176,25 @@ export const AppHeader = ({ location }) => {
paddingRight={4} paddingRight={4}
gap={2} gap={2}
> >
<AvatarNetwork {popupStatus ? (
className="multichain-app-header__contents--avatar-network" <Box className="multichain-app-header__contents__container">
ref={menuRef} <Tooltip title={currentNetwork?.nickname} position="right">
as="button" <AvatarNetwork
aria-label={t('networkMenu')} className="multichain-app-header__contents--avatar-network"
padding={0} ref={menuRef}
name={currentNetwork?.nickname} as="button"
src={currentNetwork?.rpcPrefs?.imageUrl} aria-label={t('networkMenu')}
size={Size.SM} padding={0}
onClick={networkOpenCallback} name={currentNetwork?.nickname}
display={[DISPLAY.FLEX, DISPLAY.NONE]} // show on popover hide on desktop src={currentNetwork?.rpcPrefs?.imageUrl}
disabled={disableNetworkPicker} size={Size.SM}
/> onClick={networkOpenCallback}
{popupStatus ? null : ( display={[DISPLAY.FLEX, DISPLAY.NONE]} // show on popover hide on desktop
disabled={disableNetworkPicker}
/>
</Tooltip>
</Box>
) : (
<div> <div>
<PickerNetwork <PickerNetwork
margin={2} margin={2}

4
ui/components/multichain/app-header/app-header.scss
View File

@ -36,6 +36,10 @@
&--avatar-network { &--avatar-network {
padding: 0; // TODO: Remove once https://github.com/MetaMask/metamask-extension/pull/17006 is merged padding: 0; // TODO: Remove once https://github.com/MetaMask/metamask-extension/pull/17006 is merged
} }
&__container {
width: fit-content;
}
} }
&__lock-contents { &__lock-contents {