Set genres to use outline button
This commit is contained in:
parent
a2851dd700
commit
1eed26abab
2 changed files with 7 additions and 7 deletions
|
@ -304,16 +304,16 @@ export const AlbumDetailContent = ({ tableRef }: AlbumDetailContentProps) => {
|
||||||
component="section"
|
component="section"
|
||||||
py="1rem"
|
py="1rem"
|
||||||
>
|
>
|
||||||
<Group>
|
<Group spacing="sm">
|
||||||
{detailQuery?.data?.genres?.map((genre) => (
|
{detailQuery?.data?.genres?.map((genre) => (
|
||||||
<Button
|
<Button
|
||||||
key={`genre-${genre.id}`}
|
key={`genre-${genre.id}`}
|
||||||
compact
|
compact
|
||||||
component={Link}
|
component={Link}
|
||||||
radius="md"
|
radius={0}
|
||||||
size="sm"
|
size="md"
|
||||||
to={generatePath(`${AppRoute.LIBRARY_ALBUMS}?genre=${genre.id}`, { albumId })}
|
to={generatePath(`${AppRoute.LIBRARY_ALBUMS}?genre=${genre.id}`, { albumId })}
|
||||||
variant="default"
|
variant="outline"
|
||||||
>
|
>
|
||||||
{genre.name}
|
{genre.name}
|
||||||
</Button>
|
</Button>
|
||||||
|
|
|
@ -336,18 +336,18 @@ export const AlbumArtistDetailContent = () => {
|
||||||
</Box>
|
</Box>
|
||||||
{showGenres && (
|
{showGenres && (
|
||||||
<Box component="section">
|
<Box component="section">
|
||||||
<Group>
|
<Group spacing="sm">
|
||||||
{detailQuery?.data?.genres?.map((genre) => (
|
{detailQuery?.data?.genres?.map((genre) => (
|
||||||
<Button
|
<Button
|
||||||
key={`genre-${genre.id}`}
|
key={`genre-${genre.id}`}
|
||||||
compact
|
compact
|
||||||
component={Link}
|
component={Link}
|
||||||
radius="md"
|
radius="md"
|
||||||
size="sm"
|
size="md"
|
||||||
to={generatePath(`${AppRoute.LIBRARY_ALBUM_ARTISTS}?genre=${genre.id}`, {
|
to={generatePath(`${AppRoute.LIBRARY_ALBUM_ARTISTS}?genre=${genre.id}`, {
|
||||||
albumArtistId,
|
albumArtistId,
|
||||||
})}
|
})}
|
||||||
variant="default"
|
variant="outline"
|
||||||
>
|
>
|
||||||
{genre.name}
|
{genre.name}
|
||||||
</Button>
|
</Button>
|
||||||
|
|
Reference in a new issue