From baaa5f1c61a8c56b3e4dbce28fc4ae68ca30fe81 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Tue, 25 Mar 2025 19:32:00 +0100
Subject: [PATCH] Data/Official: Add official data page skeleton

---
 src/routes/data/official/+layout.svelte | 31 +++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/routes/data/official/+layout.svelte

diff --git a/src/routes/data/official/+layout.svelte b/src/routes/data/official/+layout.svelte
new file mode 100644
index 0000000..2e3ca4f
--- /dev/null
+++ b/src/routes/data/official/+layout.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import { Button } from "$lib/components";
+  import type { Snippet } from "svelte";
+
+  let { children }: { children: Snippet } = $props();
+
+  const scrape_official_data = async () => {
+    // TODO: Success/error toast
+    const response: Response = await fetch("/api/scrape", { method: "POST" });
+  };
+</script>
+
+<div class="fixed left-0 right-0 top-14 z-10 flex justify-center">
+  <div
+    class="mx-2 flex w-full justify-center gap-2 bg-primary-500 pb-2 pt-3 shadow rounded-bl-container-token rounded-br-container-token"
+  >
+    <Button href="driverstandings" color="primary" activate_href>Drivers</Button>
+    <Button href="teamstandings" color="primary" activate_href>Teams</Button>
+    <Button href="raceresults" color="primary" activate_href>Race Results</Button>
+  </div>
+</div>
+
+<!-- Each child's contents will be inserted here -->
+<div style="margin-top: 56px;">
+  <div class="pb-2">
+    <Button width="w-full" color="tertiary" onclick={scrape_official_data} shadow>
+      <span class="font-bold">Refresh All Data</span>
+    </Button>
+  </div>
+  {@render children()}
+</div>