Browse Source

Move artist description tooltip wrapper

- Move it to contain the description div instead of the text itself
master
jeffvli 3 years ago
committed by Jeff
parent
commit
63fd3e8930
  1. 14
      src/components/library/ArtistView.tsx

14
src/components/library/ArtistView.tsx

@ -263,6 +263,12 @@ const ArtistView = ({ ...rest }: any) => {
<strong>ARTIST</strong> {data.albumCount} albums {artistSongTotal} songs {' '} <strong>ARTIST</strong> {data.albumCount} albums {artistSongTotal} songs {' '}
{artistDurationTotal} {artistDurationTotal}
</PageHeaderSubtitleDataLine> </PageHeaderSubtitleDataLine>
<CustomTooltip
text={artistInfo?.biography
?.replace(/<[^>]*>/, '')
.replace('Read more on Last.fm</a>', '')}
placement="bottomStart"
>
<PageHeaderSubtitleDataLine <PageHeaderSubtitleDataLine
style={{ style={{
minHeight: '2.5rem', minHeight: '2.5rem',
@ -271,12 +277,6 @@ const ArtistView = ({ ...rest }: any) => {
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
whiteSpace: 'pre-wrap', whiteSpace: 'pre-wrap',
}} }}
>
<CustomTooltip
text={artistInfo?.biography
?.replace(/<[^>]*>/, '')
.replace('Read more on Last.fm</a>', '')}
placement="bottomStart"
> >
<span> <span>
{artistInfo?.biography {artistInfo?.biography
@ -288,8 +288,8 @@ const ArtistView = ({ ...rest }: any) => {
.replace('Read more on Last.fm</a>', '')}` .replace('Read more on Last.fm</a>', '')}`
: 'No artist biography found'} : 'No artist biography found'}
</span> </span>
</CustomTooltip>
</PageHeaderSubtitleDataLine> </PageHeaderSubtitleDataLine>
</CustomTooltip>
<div style={{ marginTop: '10px' }}> <div style={{ marginTop: '10px' }}>
<ButtonToolbar> <ButtonToolbar>

Loading…
Cancel
Save