feat: add tried characters tracking and display in daily game profile
All checks were successful
Build Docker Image / build (push) Successful in 1m10s
All checks were successful
Build Docker Image / build (push) Successful in 1m10s
This commit is contained in:
@@ -159,6 +159,8 @@
|
||||
|
||||
// Check if player won
|
||||
if (character.id === dailyCharacter.id) {
|
||||
const triedCharacterIds = selectedCharacters.map(selected => selected.id);
|
||||
|
||||
// Send request to record win in database
|
||||
fetch('/daily', {
|
||||
method: 'POST',
|
||||
@@ -167,7 +169,8 @@
|
||||
},
|
||||
body: JSON.stringify({
|
||||
characterId: dailyCharacter.id,
|
||||
tryCount: selectedCharacters.length
|
||||
tryCount: selectedCharacters.length,
|
||||
triedCharacterIds
|
||||
})
|
||||
}).catch(err => console.error('Failed to record win:', err));
|
||||
|
||||
@@ -317,8 +320,9 @@
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-amber-100 text-center">{$t.game.daily.friendsToday}</p>
|
||||
<div class="mt-4 space-y-2">
|
||||
{#each data.friendsTodayResults as friendResult (friendResult.userId)}
|
||||
<div class="flex items-center justify-between rounded-lg border border-white/10 bg-slate-950/50 px-4 py-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="rounded-lg border border-white/10 bg-slate-950/50 px-4 py-3">
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-3">
|
||||
{#if friendResult.image}
|
||||
<img
|
||||
src={friendResult.image}
|
||||
@@ -331,10 +335,34 @@
|
||||
</div>
|
||||
{/if}
|
||||
<p class="text-sm font-semibold text-slate-100">{friendResult.name}</p>
|
||||
</div>
|
||||
<p class="text-sm text-amber-300">
|
||||
{friendResult.tryCount} {friendResult.tryCount > 1 ? $t.game.daily.friendTryPlural : $t.game.daily.friendTrySingular}
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-3 border-t border-white/10 pt-2">
|
||||
<p class="text-[11px] font-semibold uppercase tracking-[0.2em] text-amber-100">
|
||||
{$t.game.daily.friendsTriedCharacters}
|
||||
</p>
|
||||
{#if friendResult.triedCharacters && friendResult.triedCharacters.length > 0}
|
||||
<div class="mt-2 flex flex-wrap gap-2">
|
||||
{#each friendResult.triedCharacters as triedCharacter (triedCharacter.id)}
|
||||
<span class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/5 px-2.5 py-1 text-xs text-slate-200">
|
||||
{#if triedCharacter.pictureUrl}
|
||||
<img
|
||||
src={triedCharacter.pictureUrl}
|
||||
alt={triedCharacter.name}
|
||||
class="h-4 w-4 rounded-full object-cover"
|
||||
/>
|
||||
{/if}
|
||||
{triedCharacter.name}
|
||||
</span>
|
||||
{/each}
|
||||
</div>
|
||||
{:else}
|
||||
<p class="mt-1 text-xs text-slate-500">{$t.game.daily.friendsNoTriedCharacters}</p>
|
||||
{/if}
|
||||
</div>
|
||||
<p class="text-sm text-amber-300">
|
||||
{friendResult.tryCount} {friendResult.tryCount > 1 ? $t.game.daily.friendTryPlural : $t.game.daily.friendTrySingular}
|
||||
</p>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user