From 5b4177f34dd87a637eaf76fd3d8d910b23a620a1 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Tue, 31 Mar 2026 11:26:15 +0200
Subject: [PATCH] Fix genres & studios links

---
 front/src/components/items/item-details.tsx | 2 +-
 front/src/ui/details/header.tsx             | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/front/src/components/items/item-details.tsx b/front/src/components/items/item-details.tsx
index 1ef29f96..c40bccaf 100644
--- a/front/src/components/items/item-details.tsx
+++ b/front/src/components/items/item-details.tsx
@@ -123,7 +123,7 @@ export const ItemDetails = ({
 							<Chip
 								key={x ?? i}
 								label={t(`genres.${x}`)}
-								href={`/genres/${x}`}
+								href={`/browse?filter=genres has ${x}`}
 								size="small"
 								className="mx-1"
 							/>
diff --git a/front/src/ui/details/header.tsx b/front/src/ui/details/header.tsx
index 4b07e629..0639f5cd 100644
--- a/front/src/ui/details/header.tsx
+++ b/front/src/ui/details/header.tsx
@@ -401,7 +401,9 @@ const Description = ({
 							<UL className="flex-1 flex-wrap max-sm:flex-row max-sm:items-center max-sm:text-center">
 								{genres.map((genre) => (
 									<LI key={genre}>
-										<A href={`/genres/${genre.toLowerCase()}`}>
+										<A
+											href={`/browse?filter=genres has ${genre.toLowerCase()}`}
+										>
 											{t(`genres.${genre}`)}
 										</A>
 									</LI>
@@ -435,7 +437,7 @@ const Description = ({
 					{studios.map((x, i) => (
 						<Fragment key={x.id}>
 							{i !== 0 && ","}
-							<A href={x.slug} className="ml-2">
+							<A href={`/browse?filter=studios has ${x.slug}`} className="ml-2">
 								{x.name}
 							</A>
 						</Fragment>