PlayerText component

[bholtbholt]

PlayerText component

[bholtbholt]

Closed by #34

[bholtbholt]

This wasn't quite solved

Try:

<script>
  export let players = [];
  export let color = '';

  import PlayerInline from './PlayerInline.svelte';
  import { currentPlayer } from '../stores/player';
  import { playerNamesToSentance } from './view-helper';

  const playerNames = players.map(
    (player) => `<span class="whitespace-nowrap">${player.avatar} ${player.name}</span>`,
  );
</script>

{@html playerNamesToSentance(playerNames, $currentPlayer.name)}

{#each players as player}
  <PlayerInline name={player.name} {color} />
{/each}

This is close, but doesn't have the Oxford comma or and logic. Should write tests for it and make it work