Matches — Vash Esports

Matches

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

{#if (formData ?? data).userTeams?.length > 0} {/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}
{/if} {#if showInvite}
{ inviteError = ''; inviteSuccess = false; return async ({ result, update }) => { if ( result.type === 'failure' || (result.type === 'success' && (result.data as any)?.error) ) { inviteError = (result.data as any)?.error ?? 'Failed to send invite'; } else if (result.type === 'success' && (result.data as any)?.inviteSuccess) { inviteSuccess = true; await invalidateAll(); setTimeout(() => { showInvite = false; inviteSuccess = false; }, 2000); } else { await update(); } }; }} class="mt-4 rounded-lg border border-accent/20 bg-surface-800 p-5" >

Challenge

{#if inviteError}

{inviteError}

{/if} {#if inviteSuccess}

Invite sent!

{/if}
{#if hasMultipleTeams}
{/if}
{#if selectedInvitedTeam}
{teamDisplayName(selectedInvitedTeam)} ({selectedInvitedTeam.memberCount} player{selectedInvitedTeam.memberCount !== 1 ? 's' : ''})
{:else if opponentSearch}
{#each filteredOpponentTeams.slice(0, 20) as t} {:else}
No results
{/each}
{/if}
Best Of
{#each [3, 5, 7, 9, 11, 13] as n} {/each} (useCustomBo = true)} oninput={() => (useCustomBo = true)} class="w-20 rounded-md border {useCustomBo ? 'border-accent' : 'border-border'} bg-surface-700 px-2 py-1.5 text-xs text-text-primary placeholder:text-text-secondary/50 focus:border-accent focus:outline-none" />
{#if !creatorIsPersonal && creatorMaxSize > 1}
{:else} {/if} {#if selectedInvitedTeam && !selectedInvitedTeam.isPersonal && invitedMaxSize > 1}
{:else} {/if}
{/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.finishedAt} · {timeAgo(m.finishedAt)}{:else if m.createdAt} · {timeAgo(m.createdAt)}{/if}

{#if m.mappool}

{m.mappool.name}{#if avgSR(m.mappool)} ({avgSR(m.mappool)}★){/if}

{/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}