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>
This commit is contained in:
Aotumuri
2026-01-12 07:45:36 +09:00
committed by GitHub
parent 8235da9335
commit 14512e4f87
@@ -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()}