|
@ -1,6 +1,7 @@ |
|
|
/* eslint-disable import/no-cycle */ |
|
|
/* eslint-disable import/no-cycle */ |
|
|
import React, { useState } from 'react'; |
|
|
import React, { useState } from 'react'; |
|
|
import _ from 'lodash'; |
|
|
import _ from 'lodash'; |
|
|
|
|
|
import { shell } from 'electron'; |
|
|
import settings from 'electron-settings'; |
|
|
import settings from 'electron-settings'; |
|
|
import { ButtonToolbar, Tag, Whisper, Button, Popover, TagGroup } from 'rsuite'; |
|
|
import { ButtonToolbar, Tag, Whisper, Button, Popover, TagGroup } from 'rsuite'; |
|
|
import { useQuery, useQueryClient } from 'react-query'; |
|
|
import { useQuery, useQueryClient } from 'react-query'; |
|
@ -31,6 +32,7 @@ import { addModalPage } from '../../redux/miscSlice'; |
|
|
import { appendPlayQueue, setPlayQueue } from '../../redux/playQueueSlice'; |
|
|
import { appendPlayQueue, setPlayQueue } from '../../redux/playQueueSlice'; |
|
|
import { notifyToast } from '../shared/toast'; |
|
|
import { notifyToast } from '../shared/toast'; |
|
|
import { isCached } from '../../shared/utils'; |
|
|
import { isCached } from '../../shared/utils'; |
|
|
|
|
|
import { StyledButton } from '../shared/styled'; |
|
|
|
|
|
|
|
|
interface ArtistParams { |
|
|
interface ArtistParams { |
|
|
id: string; |
|
|
id: string; |
|
@ -164,6 +166,7 @@ const ArtistView = ({ ...rest }: any) => { |
|
|
}} |
|
|
}} |
|
|
imageHeight={145} |
|
|
imageHeight={145} |
|
|
title={data.name} |
|
|
title={data.name} |
|
|
|
|
|
showTitleTooltip |
|
|
subtitle={ |
|
|
subtitle={ |
|
|
<> |
|
|
<> |
|
|
<CustomTooltip |
|
|
<CustomTooltip |
|
@ -198,7 +201,7 @@ const ArtistView = ({ ...rest }: any) => { |
|
|
/> |
|
|
/> |
|
|
<FavoriteButton size="md" isFavorite={data.starred} onClick={handleFavorite} /> |
|
|
<FavoriteButton size="md" isFavorite={data.starred} onClick={handleFavorite} /> |
|
|
<Whisper |
|
|
<Whisper |
|
|
placement="bottomStart" |
|
|
placement="auto" |
|
|
trigger="hover" |
|
|
trigger="hover" |
|
|
enterable |
|
|
enterable |
|
|
speaker={ |
|
|
speaker={ |
|
@ -206,7 +209,7 @@ const ArtistView = ({ ...rest }: any) => { |
|
|
<div> |
|
|
<div> |
|
|
<h6>Related artists</h6> |
|
|
<h6>Related artists</h6> |
|
|
<TagGroup> |
|
|
<TagGroup> |
|
|
{artistInfo?.similarArtist?.map((artist: any) => ( |
|
|
{artistInfo.similarArtist?.map((artist: any) => ( |
|
|
<Tag key={artist.id}> |
|
|
<Tag key={artist.id}> |
|
|
<TagLink |
|
|
<TagLink |
|
|
onClick={() => { |
|
|
onClick={() => { |
|
@ -239,7 +242,7 @@ const ArtistView = ({ ...rest }: any) => { |
|
|
</Popover> |
|
|
</Popover> |
|
|
} |
|
|
} |
|
|
> |
|
|
> |
|
|
<Button size="md">Related Artists</Button> |
|
|
<Button size="md">Info</Button> |
|
|
</Whisper> |
|
|
</Whisper> |
|
|
</ButtonToolbar> |
|
|
</ButtonToolbar> |
|
|
</div> |
|
|
</div> |
|
|