Trigger library search on genre click
This commit is contained in:
@@ -167,13 +167,13 @@ function getValueOrUnknown<T>(val?: T | null): T | string {
|
|||||||
return val ?? translate('global.label.unknown');
|
return val ?? translate('global.label.unknown');
|
||||||
}
|
}
|
||||||
|
|
||||||
const LibrarySearchLink = ({ query }: { query: string }) => (
|
const LibrarySearchLink = ({ query, children }: { query: string; children?: ReactNode }) => (
|
||||||
<Link
|
<Link
|
||||||
component={RouterLink}
|
component={RouterLink}
|
||||||
to={AppRoutes.library.path(undefined, query)}
|
to={AppRoutes.library.path(undefined, query)}
|
||||||
sx={{ textDecoration: 'none', color: 'inherit' }}
|
sx={{ textDecoration: 'none', color: 'inherit' }}
|
||||||
>
|
>
|
||||||
{query}
|
{children ?? query}
|
||||||
</Link>
|
</Link>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -378,7 +378,9 @@ const DescriptionGenre = ({
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{genres.map((genre) => (
|
{genres.map((genre) => (
|
||||||
<Chip key={genre} label={genre} variant="outlined" />
|
<LibrarySearchLink key={genre} query={genre}>
|
||||||
|
<Chip label={genre} variant="outlined" onClick={() => {}} />
|
||||||
|
</LibrarySearchLink>
|
||||||
))}
|
))}
|
||||||
</Stack>
|
</Stack>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user