{#each [{ h: 'lobby.activeGames', list: active }, { h: 'lobby.finishedGames', list: finished }] as group (group.h)} {#if group.list.length}

{t(group.h as 'lobby.activeGames')}

{#each group.list as g (g.id)} {@const b = resultBadge(g, myId)} navigate(`/game/${g.id}`)}> {opponents(g) || '—'} {t(b.key)} · {scoreline(g)} {b.emoji} {/each}

{/if} {/each} {#if !active.length && !finished.length}

{t('lobby.noActive')}

{/if}