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" 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>

View file

@ -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>