feat: add friends' results display for today's game
All checks were successful
Build Docker Image / build (push) Successful in 1m12s

This commit is contained in:
2026-03-06 19:34:46 +01:00
parent f35f4565b6
commit ce08329b2d
2 changed files with 89 additions and 5 deletions

View File

@@ -258,6 +258,35 @@
{columnVisibility}
/>
{#if data.friendsTodayResults && data.friendsTodayResults.length > 0}
<section class="mt-6 rounded-3xl border border-white/10 bg-white/5 p-6 shadow-[0_24px_60px_rgba(0,0,0,0.45)] backdrop-blur">
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-amber-100 text-center">Tes amis aujourd'hui</p>
<div class="mt-4 space-y-2">
{#each data.friendsTodayResults as friendResult}
<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">
{#if friendResult.image}
<img
src={friendResult.image}
alt={friendResult.name}
class="h-8 w-8 rounded-full border border-white/20 object-cover"
/>
{:else}
<div class="flex h-8 w-8 items-center justify-center rounded-full bg-amber-300/20 text-xs font-semibold text-amber-100">
{friendResult.name?.charAt(0).toUpperCase() || 'U'}
</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 ? 'coups' : 'coup'}
</p>
</div>
{/each}
</div>
</section>
{/if}
<YesterdayCharacter {yesterdayCharacter} />
</div>
</main>