From 14512e4f87223d1abbda44e8919d8f7b25dd9580 Mon Sep 17 00:00:00 2001
From: Aotumuri <aotumuri.yt@gmail.com>
Date: Mon, 12 Jan 2026 07:45:36 +0900
Subject: [PATCH] Make left play icon start replay in Recent Games (#2853)

Resolves
https://discord.com/channels/1359946986937258015/1458658371891761339/1459478370977972316

## Description:

The play-like icon on the left side of the Recent Games UI looked
clickable but did not actually start a replay, which could be
misleading.
This PR updates the behavior so that clicking the icon now starts the
replay, matching the visual affordance and reducing user confusion.



https://github.com/user-attachments/assets/db9f02d9-9492-47ba-948b-6a6e0166d4d3



## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:
aotumuri

Co-authored-by: Ryan <7389646+ryanbarlow97@users.noreply.github.com>
Co-authored-by: iamlewis <lewismmmm@gmail.com>
---
 src/client/components/baseComponents/stats/GameList.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/client/components/baseComponents/stats/GameList.ts b/src/client/components/baseComponents/stats/GameList.ts
index 5986cdbcf..6c67442f9 100644
--- a/src/client/components/baseComponents/stats/GameList.ts
+++ b/src/client/components/baseComponents/stats/GameList.ts
@@ -45,7 +45,10 @@ export class GameList extends LitElement {
                 class="flex flex-col sm:flex-row sm:items-center justify-between px-4 py-3 gap-3"
               >
                 <div class="flex items-center gap-4">
-                  <div class="p-2 bg-blue-500/20 rounded-lg text-blue-400">
+                  <button
+                    class="p-2 bg-blue-500/20 rounded-lg text-blue-400"
+                    @click=${() => this.onViewGame?.(game.gameId)}
+                  >
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       class="w-5 h-5"
@@ -59,7 +62,7 @@ export class GameList extends LitElement {
                       <circle cx="12" cy="12" r="10"></circle>
                       <polygon points="10 8 16 12 10 16 10 8"></polygon>
                     </svg>
-                  </div>
+                  </button>
                   <div>
                     <div class="text-sm font-bold text-white tracking-wide">
                       ${new Date(game.start).toLocaleDateString()}