Matches

{data.matches.length} match{data.matches.length !== 1 ? 'es' : ''} {#if liveMatches.length > 0} · {liveMatches.length} live {/if}

{#if data.canCreateMatch} {/if}

{#if showCreate && data.canCreateMatch}

{ createError = ''; return async ({ result, update }) => { if ( result.type === 'failure' || (result.type === 'success' && (result.data as any)?.error) ) { createError = (result.data as any)?.error ?? 'Failed to create match'; } else { await update(); } }; }} class="mt-4 rounded-lg border border-accent/20 bg-surface-800 p-5" >

Create Match

{#if createError}

{createError}

{/if}

Match Name

Best Of

Team 1

Team 2

Mappool

{/if} {#if liveMatches.length > 0}

Live Now (max 4 until osu! gives me bot account lol)

{#each liveMatches as m} {@const { p1, p2 } = teamDisplay(m)} {@const sc = stateConfig[m.state]}

{#if p1?.team.avatarUrl}

{/if} {p1?.team.name ?? '?'}

{p1?.score ?? 0} vs {p2?.score ?? 0}

{p2?.team.name ?? '?'} {#if p2?.team.avatarUrl}

{/if}

{#if sc?.dot} {/if} {sc?.label ?? m.state} {/each}

{/if}

{#if liveMatches.length > 0}

Past Matches

{/if}

{#each recentMatches as m} {@const { p1, p2 } = teamDisplay(m)} {@const config = m.config as { bestOf: number }} {@const sc = stateConfig[m.state]}

{p1?.team.name ?? '?'} {#if m.state === 'FINISHED'} {p1?.score ?? 0} - {p2?.score ?? 0} {:else} vs {/if} {p2?.team.name ?? '?'}

{m.name ? `${m.name} · ` : ''}BO{config.bestOf} {#if m.mappool} · e.stopPropagation()} class='hover:text-accent hover:underline'>{m.mappool.name}{#if avgSR(m.mappool)} {" "} ({avgSR(m.mappool)}★){/if} {/if} {#if m.finishedAt} · {timeAgo(m.finishedAt)} {:else if m.createdAt} · {timeAgo(m.createdAt)} {/if}

{#if m.state === 'FINISHED' && m.winnerId} {@const winner = m.participants.find((p: any) => p.teamId === m.winnerId)} 🏆 {winner?.team.name} {/if} {sc?.label ?? m.state} {:else} {#if liveMatches.length === 0}

No matches yet. {#if data.canCreateMatch} Create one to get started. {:else} Join the ranked queue from the dashboard! {/if}

{/if} {/each}