Set genres to use outline button

This commit is contained in:
jeffvli 2023-03-09 18:14:40 -08:00
parent a2851dd700
commit 1eed26abab
2 changed files with 7 additions and 7 deletions

View file

@ -304,16 +304,16 @@ export const AlbumDetailContent = ({ tableRef }: AlbumDetailContentProps) => {
component="section"
py="1rem"
>
<Group>
<Group spacing="sm">
{detailQuery?.data?.genres?.map((genre) => (
<Button
key={`genre-${genre.id}`}
compact
component={Link}
radius="md"
size="sm"
radius={0}
size="md"
to={generatePath(`${AppRoute.LIBRARY_ALBUMS}?genre=${genre.id}`, { albumId })}
variant="default"
variant="outline"
>
{genre.name}
</Button>

View file

@ -336,18 +336,18 @@ export const AlbumArtistDetailContent = () => {
</Box>
{showGenres && (
<Box component="section">
<Group>
<Group spacing="sm">
{detailQuery?.data?.genres?.map((genre) => (
<Button
key={`genre-${genre.id}`}
compact
component={Link}
radius="md"
size="sm"
size="md"
to={generatePath(`${AppRoute.LIBRARY_ALBUM_ARTISTS}?genre=${genre.id}`, {
albumArtistId,
})}
variant="default"
variant="outline"
>
{genre.name}
</Button>