From 08df61737e7e1750d4cdd6d3dbc5822366958d8c Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 17 May 2025 19:12:04 +0200
Subject: [PATCH] Trigger library search on genre click

---
 src/modules/manga/components/MangaDetails.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/manga/components/MangaDetails.tsx b/src/modules/manga/components/MangaDetails.tsx
index c34961b4..57abc576 100644
--- a/src/modules/manga/components/MangaDetails.tsx
+++ b/src/modules/manga/components/MangaDetails.tsx
@@ -167,13 +167,13 @@ function getValueOrUnknown<T>(val?: T | null): T | string {
     return val ?? translate('global.label.unknown');
 }
 
-const LibrarySearchLink = ({ query }: { query: string }) => (
+const LibrarySearchLink = ({ query, children }: { query: string; children?: ReactNode }) => (
     <Link
         component={RouterLink}
         to={AppRoutes.library.path(undefined, query)}
         sx={{ textDecoration: 'none', color: 'inherit' }}
     >
-        {query}
+        {children ?? query}
     </Link>
 );
 
@@ -378,7 +378,9 @@ const DescriptionGenre = ({
                 }}
             >
                 {genres.map((genre) => (
-                    <Chip key={genre} label={genre} variant="outlined" />
+                    <LibrarySearchLink key={genre} query={genre}>
+                        <Chip label={genre} variant="outlined" onClick={() => {}} />
+                    </LibrarySearchLink>
                 ))}
             </Stack>
         </>