diff --git a/frontend/src/components/Card.svelte b/frontend/src/components/Card.svelte index 5763022..c879341 100644 --- a/frontend/src/components/Card.svelte +++ b/frontend/src/components/Card.svelte @@ -1,5 +1,5 @@ {#if size === 'mini'} -
+
{val} {suit} {#if owner}{owner}{/if}
{:else}
{val} diff --git a/frontend/src/components/CharacterCreationPhase.svelte b/frontend/src/components/CharacterCreationPhase.svelte index 9f5834f..09d7202 100644 --- a/frontend/src/components/CharacterCreationPhase.svelte +++ b/frontend/src/components/CharacterCreationPhase.svelte @@ -2,6 +2,7 @@ import { onMount } from 'svelte'; import { apiRequest } from '../lib/api'; import { getSuggestion, getTechniqueSuggestion, getTechniqueSuggestions } from '../lib/suggestions'; + import { displayName } from '../lib/cards'; export let state; @@ -42,7 +43,7 @@ function getPlayerName(id) { if (!id) return "None"; const p = state.players.find(x => x.id === id); - return p ? p.name : "Unknown"; + return p ? displayName(p) : "Unknown"; } // Techniques @@ -274,7 +275,7 @@ {#each state.players as p} {#if p.other_like_from_player_id === state.player.id && !p.other_like}
- +
@@ -284,7 +285,7 @@ {/if} {#if p.other_hate_from_player_id === state.player.id && !p.other_hate}
- +
@@ -512,7 +513,7 @@
    {#each state.players as p}
  • - {p.name} + {displayName(p)} {#if p.tech_jack} Ready diff --git a/frontend/src/components/GameOverPhase.svelte b/frontend/src/components/GameOverPhase.svelte index 1b75a8a..9fbc896 100644 --- a/frontend/src/components/GameOverPhase.svelte +++ b/frontend/src/components/GameOverPhase.svelte @@ -1,4 +1,6 @@