Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Change artist display component

Browse Source
This commit is contained in:
jeffvli 2023-05-21 15:36:15 -07:00
parent 22e31b92a4
commit 8ae368ea4f
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/features/albums/components/album-detail-header.tsx
View File

@ -3,7 +3,7 @@ import { forwardRef, Fragment, Ref } from 'react';
import { generatePath, useParams } from 'react-router'; import { generatePath, useParams } from 'react-router';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { LibraryItem, ServerType } from '/@/renderer/api/types'; import { LibraryItem, ServerType } from '/@/renderer/api/types';
import { Button, Rating, Text } from '/@/renderer/components'; import { Rating, Text } from '/@/renderer/components';
import { useAlbumDetail } from '/@/renderer/features/albums/queries/album-detail-query'; import { useAlbumDetail } from '/@/renderer/features/albums/queries/album-detail-query';
import { LibraryHeader, useSetRating } from '/@/renderer/features/shared'; import { LibraryHeader, useSetRating } from '/@/renderer/features/shared';
import { useContainerQuery } from '/@/renderer/hooks'; import { useContainerQuery } from '/@/renderer/hooks';
@ -98,26 +98,27 @@ export const AlbumDetailHeader = forwardRef(
)} )}
</Group> </Group>
<Group <Group
spacing="sm" spacing="md"
sx={{ sx={{
WebkitBoxOrient: 'vertical', WebkitBoxOrient: 'vertical',
WebkitLineClamp: 2, WebkitLineClamp: 2,
display: '-webkit-box',
overflow: 'hidden', overflow: 'hidden',
}} }}
> >
{detailQuery?.data?.albumArtists.map((artist) => ( {detailQuery?.data?.albumArtists.map((artist) => (
<Button <Text
key={`artist-${artist.id}`} key={`artist-${artist.id}`}
$link
component={Link} component={Link}
size="sm" fw={600}
size="md"
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, { to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
albumArtistId: artist.id, albumArtistId: artist.id,
})} })}
variant="outline" variant="subtle"
> >
{artist.name} {artist.name}
</Button> </Text>
))} ))}
</Group> </Group>
</Stack> </Stack>