From 730793d6b62848e24a7df9163ad45767fa22915f Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Thu, 30 Apr 2026 22:15:09 +0800
Subject: [PATCH] feat: add star icon and styled steam review score to game
 cards

- Show steamReviewScore on games list cards in compact badge row with star icon
- Update search result right panel to use blue-400 styling with star icon
- Include "Positive" label on search results for clarity
---
 app/games/games-page-client.tsx | 8 ++++++++
 app/search/page.tsx             | 7 +++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/games/games-page-client.tsx b/app/games/games-page-client.tsx
index 6ff1001..611a142 100644
--- a/app/games/games-page-client.tsx
+++ b/app/games/games-page-client.tsx
@@ -686,6 +686,14 @@ function GameCard({ game }: { game: GamesListItem }) {
               compact
             />
           )}
+          {game.steamReviewScore != null && (
+            <span className="inline-flex items-center gap-1 text-[10px] text-blue-400">
+              <svg className="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor">
+                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
+              </svg>
+              {game.steamReviewScore}%
+            </span>
+          )}
         </div>
         <div className="mt-1.5 flex items-center gap-2 flex-wrap">
           {game.benchmarkCount > 0 ? (
diff --git a/app/search/page.tsx b/app/search/page.tsx
index e614d9e..c0ffec6 100644
--- a/app/search/page.tsx
+++ b/app/search/page.tsx
@@ -503,8 +503,11 @@ function SearchResultCard({
 
           {/* Steam review score */}
           {result.steamReviewScore != null && (
-            <span className="text-xs text-zinc-400">
-              {result.steamReviewScore}% positive
+            <span className="inline-flex items-center gap-1 text-xs text-blue-400">
+              <svg className="h-3 w-3" viewBox="0 0 24 24" fill="currentColor">
+                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
+              </svg>
+              {result.steamReviewScore}% Positive
             </span>
           )}
         </div>