From c732ff20145cadfe31adb205483078b876f4d9ab Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sun, 23 Mar 2025 17:17:07 +0100
Subject: [PATCH] Leaderboard: Implement first primitive leaderboard page (only
 total points)

---
 src/routes/leaderboard/+page.svelte | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/routes/leaderboard/+page.svelte b/src/routes/leaderboard/+page.svelte
index fe8243f..6b215f6 100644
--- a/src/routes/leaderboard/+page.svelte
+++ b/src/routes/leaderboard/+page.svelte
@@ -1,3 +1,28 @@
+<script lang="ts">
+  import { Table, type TableColumn } from "$lib/components";
+  import { get_by_value } from "$lib/database";
+  import type { PageData } from "./$types";
+
+  let { data }: { data: PageData } = $props();
+
+  const leaderboard_columns: TableColumn[] = $derived([
+    {
+      data_value_name: "user",
+      label: "User",
+      valuefun: async (value: string): Promise<string> =>
+        get_by_value(await data.users, "id", value)?.firstname ?? "Invalid",
+    },
+    {
+      data_value_name: "total_points",
+      label: "Points",
+    },
+  ]);
+</script>
+
 <svelte:head>
   <title>Formula 11 - Leaderboard</title>
 </svelte:head>
+
+{#await Promise.all( [data.users, data.racepickpoints, data.racepickpointsacc], ) then [users, racepickpoints, racepickpointsacc]}
+  <Table data={racepickpointsacc} columns={leaderboard_columns} />
+{/await}