Use Tooltip in links to external sites
This commit is contained in:
parent
5b81f7a73a
commit
763bcafdac
1 changed files with 17 additions and 9 deletions
|
|
@ -5,6 +5,7 @@ import {
|
||||||
CardMedia,
|
CardMedia,
|
||||||
Collapse,
|
Collapse,
|
||||||
IconButton,
|
IconButton,
|
||||||
|
Tooltip,
|
||||||
makeStyles,
|
makeStyles,
|
||||||
Typography,
|
Typography,
|
||||||
useMediaQuery,
|
useMediaQuery,
|
||||||
|
|
@ -201,9 +202,14 @@ const Links = (props) => {
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<IconButton size={'small'} title={translate('message.openIn.lastfm')}>
|
<Tooltip title={translate('message.openIn.lastfm')}>
|
||||||
<ImLastfm2 />
|
<IconButton
|
||||||
</IconButton>
|
size={'small'}
|
||||||
|
aria-label={translate('message.openIn.lastfm')}
|
||||||
|
>
|
||||||
|
<ImLastfm2 />
|
||||||
|
</IconButton>
|
||||||
|
</Tooltip>
|
||||||
</Link>
|
</Link>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
@ -214,12 +220,14 @@ const Links = (props) => {
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<IconButton
|
<Tooltip title={translate('message.openIn.musicbrainz')}>
|
||||||
size={'small'}
|
<IconButton
|
||||||
title={translate('message.openIn.musicbrainz')}
|
size={'small'}
|
||||||
>
|
aria-label={translate('message.openIn.musicbrainz')}
|
||||||
<MusicBrainz />
|
>
|
||||||
</IconButton>
|
<MusicBrainz />
|
||||||
|
</IconButton>
|
||||||
|
</Tooltip>
|
||||||
</Link>
|
</Link>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue