31 lines
912 B
Svelte
31 lines
912 B
Svelte
<script lang="ts">
|
|
let { data }: { data: import('./$types').PageData } = $props();
|
|
import MatchHistory from '$ui/components/MatchHistory.svelte';
|
|
import SectionHeader from '$ui/components/primitives/SectionHeader.svelte';
|
|
import { page } from '$app/stores';
|
|
const archive = $derived($page.url.searchParams.get('matchArchive') === '1');
|
|
</script>
|
|
|
|
<svelte:head
|
|
><title>{archive ? 'Moderation match archive' : 'Matches'} · Electric Cherry</title
|
|
></svelte:head
|
|
>
|
|
|
|
<div class="page">
|
|
<SectionHeader
|
|
title={archive ? 'Moderation match archive' : 'Matches'}
|
|
subtitle={archive
|
|
? 'Retained match reports and chat for evidence review.'
|
|
: 'Recorded matches across your servers.'}
|
|
/>
|
|
<MatchHistory initial={data.history} />
|
|
</div>
|
|
|
|
<style>
|
|
.page {
|
|
display: grid;
|
|
gap: var(--space-6);
|
|
min-width: 0;
|
|
}
|
|
</style>
|