From 1ac465cbb96bda4a189dea086caf3bbe77aa64ee Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 1 Oct 2024 19:38:32 +0800
Subject: [PATCH] fix: discover recommendation card link button style

Signed-off-by: Innei <i@innei.in>
---
 .../src/modules/discover/recommendations-card.tsx     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/renderer/src/modules/discover/recommendations-card.tsx b/apps/renderer/src/modules/discover/recommendations-card.tsx
index fde564d04..aaf008cb1 100644
--- a/apps/renderer/src/modules/discover/recommendations-card.tsx
+++ b/apps/renderer/src/modules/discover/recommendations-card.tsx
@@ -25,11 +25,20 @@ export const RecommendationCard: FC<RecommendationCardProps> = memo(({ data, rou
       <CardContent className="p-5 pt-0">
         <ul className="space-y-1 text-sm text-muted-foreground">
           {Object.keys(data.routes).map((route) => (
-            <li key={route} className="duration-200 hover:text-theme-foreground-hover">
+            <li
+              key={route}
+              className="hover:text-theme-foreground-hover"
+              onClick={(e) => {
+                ;(e.target as HTMLElement).querySelector("button")?.click()
+              }}
+              tabIndex={-1}
+            >
               <button
                 type="button"
+                className="rounded p-0.5 duration-200 hover:bg-muted hover:px-1.5"
                 onClick={() => {
                   present({
+                    id: `recommendation-content-${route}`,
                     content: () => (
                       <RecommendationContent routePrefix={routePrefix} route={data.routes[route]} />
                     ),