show recent matches on bots page

This commit is contained in:
Ilion Beyst 2022-08-05 20:28:51 +02:00
parent 6e75cac7cc
commit 70c79646ae
2 changed files with 23 additions and 5 deletions

View file

@ -43,10 +43,12 @@
</table>
<style lang="scss">
.matches-table {
width: 100%;
}
.matches-table td,
.matches-table th {
padding: 8px 16px;
// width: 100%;
}
.header-timestamp {

View file

@ -10,8 +10,17 @@
},
});
if (res.ok) {
const matches_res = await fetch(`/api/matches?bot=${params["bot_name"]}`, {
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
});
if (res.ok && matches_res.ok) {
const { bot, owner, versions } = await res.json();
const matches = await matches_res.json();
// sort most recent first
versions.sort((a: string, b: string) =>
dayjs(a["created_at"]).isAfter(b["created_at"]) ? -1 : 1
@ -21,6 +30,7 @@
bot,
owner,
versions,
matches,
},
};
}
@ -34,12 +44,13 @@
<script lang="ts">
import dayjs from "dayjs";
import { currentUser } from "$lib/stores/current_user";
import MatchList from "$lib/components/matches/MatchList.svelte";
export let bot: object;
export let owner: object;
export let versions: object[];
export let matches: object[];
// function last_updated() {
// versions.sort()
@ -92,7 +103,12 @@
</div>
{/if}
<div class="versions">
<div class="matches">
<h3>Recent matches</h3>
<MatchList {matches} />
</div>
<!-- <div class="versions">
<h4>Versions</h4>
<ul class="version-list">
{#each versions as version}
@ -104,7 +120,7 @@
{#if versions.length == 0}
This bot does not have any versions yet.
{/if}
</div>
</div> -->
</div>
<style lang="scss">