feat: refactor WinPanel to use selectedCharacter prop for improved clarity and consistency

This commit is contained in:
2026-03-03 19:11:08 +01:00
parent 7ecc46b5a6
commit 4ee7445b68
3 changed files with 88 additions and 131 deletions

View File

@@ -1,5 +1,5 @@
<script lang="ts">
export let dailyCharacter: any;
export let selectedCharacter: any;
export let selectedCharacters: any[];
export let isGeckoMoriaWin: boolean = false;
@@ -49,21 +49,21 @@
<p class="text-sm text-slate-400">Vous avez succombé à l'ombre en {selectedCharacters.length} {selectedCharacters.length > 1 ? 'tentatives' : 'tentative'} !</p>
<p class="text-xs text-slate-300 mt-1">{attemptMessage}</p>
<div class="mt-3">
{#if dailyCharacter.pictureUrl}
{#if selectedCharacter.pictureUrl}
<a
href={"https://onepiece.fandom.com/fr/wiki/" + dailyCharacter.url}
href={"https://onepiece.fandom.com/fr/wiki/" + selectedCharacter.url}
target="_blank"
rel="noopener noreferrer"
class="inline-block"
>
<img
src={dailyCharacter.pictureUrl}
alt={dailyCharacter.name}
src={selectedCharacter.pictureUrl}
alt={selectedCharacter.name}
class="w-20 h-20 mx-auto rounded-full border-2 border-slate-600 shadow-lg object-cover hover:border-slate-500 transition-colors cursor-pointer opacity-80"
/>
</a>
{/if}
<p class="mt-2 text-lg font-bold text-slate-200">{dailyCharacter.name}</p>
<p class="mt-2 text-lg font-bold text-slate-200">{selectedCharacter.name}</p>
</div>
</div>
</div>
@@ -75,21 +75,21 @@
<p class="text-sm text-emerald-300">Vous avez trouvé le personnage en {selectedCharacters.length} {selectedCharacters.length > 1 ? 'tentatives' : 'tentative'} !</p>
<p class="text-xs text-emerald-200 mt-1">{attemptMessage}</p>
<div class="mt-3">
{#if dailyCharacter.pictureUrl}
{#if selectedCharacter.pictureUrl}
<a
href={"https://onepiece.fandom.com/fr/wiki/" + dailyCharacter.url}
href={"https://onepiece.fandom.com/fr/wiki/" + selectedCharacter.url}
target="_blank"
rel="noopener noreferrer"
class="inline-block"
>
<img
src={dailyCharacter.pictureUrl}
alt={dailyCharacter.name}
src={selectedCharacter.pictureUrl}
alt={selectedCharacter.name}
class="w-20 h-20 mx-auto rounded-full border-2 border-emerald-400 shadow-lg object-cover hover:border-emerald-300 transition-colors cursor-pointer"
/>
</a>
{/if}
<p class="mt-2 text-lg font-bold text-white">{dailyCharacter.name}</p>
<p class="mt-2 text-lg font-bold text-white">{selectedCharacter.name}</p>
</div>
</div>
</div>