show recent matches on bots page
This commit is contained in:
parent
6e75cac7cc
commit
70c79646ae
2 changed files with 23 additions and 5 deletions
|
@ -43,10 +43,12 @@
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
.matches-table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
.matches-table td,
|
.matches-table td,
|
||||||
.matches-table th {
|
.matches-table th {
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
// width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-timestamp {
|
.header-timestamp {
|
||||||
|
|
|
@ -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 { bot, owner, versions } = await res.json();
|
||||||
|
const matches = await matches_res.json();
|
||||||
// sort most recent first
|
// sort most recent first
|
||||||
versions.sort((a: string, b: string) =>
|
versions.sort((a: string, b: string) =>
|
||||||
dayjs(a["created_at"]).isAfter(b["created_at"]) ? -1 : 1
|
dayjs(a["created_at"]).isAfter(b["created_at"]) ? -1 : 1
|
||||||
|
@ -21,6 +30,7 @@
|
||||||
bot,
|
bot,
|
||||||
owner,
|
owner,
|
||||||
versions,
|
versions,
|
||||||
|
matches,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -34,12 +44,13 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import dayjs from "dayjs";
|
import dayjs from "dayjs";
|
||||||
|
|
||||||
import { currentUser } from "$lib/stores/current_user";
|
import { currentUser } from "$lib/stores/current_user";
|
||||||
|
import MatchList from "$lib/components/matches/MatchList.svelte";
|
||||||
|
|
||||||
export let bot: object;
|
export let bot: object;
|
||||||
export let owner: object;
|
export let owner: object;
|
||||||
export let versions: object[];
|
export let versions: object[];
|
||||||
|
export let matches: object[];
|
||||||
|
|
||||||
// function last_updated() {
|
// function last_updated() {
|
||||||
// versions.sort()
|
// versions.sort()
|
||||||
|
@ -92,7 +103,12 @@
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div class="versions">
|
<div class="matches">
|
||||||
|
<h3>Recent matches</h3>
|
||||||
|
<MatchList {matches} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="versions">
|
||||||
<h4>Versions</h4>
|
<h4>Versions</h4>
|
||||||
<ul class="version-list">
|
<ul class="version-list">
|
||||||
{#each versions as version}
|
{#each versions as version}
|
||||||
|
@ -104,7 +120,7 @@
|
||||||
{#if versions.length == 0}
|
{#if versions.length == 0}
|
||||||
This bot does not have any versions yet.
|
This bot does not have any versions yet.
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
Loading…
Reference in a new issue