From 2d9b5d4f6917c93a498dc5895ae2de9534061dd7 Mon Sep 17 00:00:00 2001
From: katherineattlc <243018335+katherineattlc@users.noreply.github.com>
Date: Fri, 17 Jul 2026 17:35:32 +1000
Subject: [PATCH] Show star ratings on game cards

Display each game's star rating on listing cards and show 'No rating yet' when unrated.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
---
 src/components/GameCard.astro | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/GameCard.astro b/src/components/GameCard.astro
index da71b54..9b1ff99 100644
--- a/src/components/GameCard.astro
+++ b/src/components/GameCard.astro
@@ -1,6 +1,7 @@
 ---
 import type { Game } from '../types/game';
 import Tag from './Tag.astro';
+import StarRating from './StarRating.astro';
 import ArrowRight from '../assets/icons/arrow-right.svg';
 
 interface Props {
@@ -39,6 +40,12 @@ const { game } = Astro.props;
 
             <p class="text-slate-400 mb-4 text-sm line-clamp-2" data-testid="game-description">{game.description}</p>
 
+            {game.starRating !== null ? (
+                <StarRating rating={game.starRating} />
+            ) : (
+                <p class="text-sm text-slate-400" data-testid="game-rating-empty">No rating yet</p>
+            )}
+
             <div class="mt-4 text-sm text-blue-400 font-medium flex items-center">
                 <span>View details</span>
                 <ArrowRight class="h-4 w-4 ml-1 transform transition-transform duration-300 group-hover:translate-x-2" aria-hidden="true" />