mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-08-18 00:28:14 +00:00
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:
co-authored by
Ryan
iamlewis
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"
|
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="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
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
class="w-5 h-5"
|
class="w-5 h-5"
|
||||||
@@ -59,7 +62,7 @@ export class GameList extends LitElement {
|
|||||||
<circle cx="12" cy="12" r="10"></circle>
|
<circle cx="12" cy="12" r="10"></circle>
|
||||||
<polygon points="10 8 16 12 10 16 10 8"></polygon>
|
<polygon points="10 8 16 12 10 16 10 8"></polygon>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</button>
|
||||||
<div>
|
<div>
|
||||||
<div class="text-sm font-bold text-white tracking-wide">
|
<div class="text-sm font-bold text-white tracking-wide">
|
||||||
${new Date(game.start).toLocaleDateString()}
|
${new Date(game.start).toLocaleDateString()}
|
||||||
|
|||||||
Reference in New Issue
Block a user