From cb48ee68e57873cc89068766ed7634d06732939b Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sat, 21 Jun 2025 22:34:42 +0200
Subject: [PATCH] Data/Official: Add warning toast to official data fetch
 button

---
 src/routes/data/official/+layout.svelte | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/routes/data/official/+layout.svelte b/src/routes/data/official/+layout.svelte
index 9516198..c104dfc 100644
--- a/src/routes/data/official/+layout.svelte
+++ b/src/routes/data/official/+layout.svelte
@@ -1,16 +1,32 @@
 <script lang="ts">
+  import { invalidate } from "$app/navigation";
   import { Button } from "$lib/components";
   import { pbUser } from "$lib/pocketbase";
+  import { get_error_toast, get_warning_toast } from "$lib/toast";
+  import { getToastStore, type ToastStore } from "@skeletonlabs/skeleton";
   import type { Snippet } from "svelte";
 
   let { children }: { children: Snippet } = $props();
 
-  const scrape_official_data = async () => {
-    // TODO: Unauthorized toast
-    if (!$pbUser || !$pbUser.admin) return;
+  const toastStore: ToastStore = getToastStore();
 
-    // TODO: Success/error toast
+  const scrape_message: string =
+    "This will clear and redownload all data from f1.com. Please don't refresh the page during the process.";
+
+  // This callback will be executed once the admin presses the "Proceed"-button in the warning toast
+  const scrape_callback = async () => {
     const response: Response = await fetch("/api/scrape", { method: "POST" });
+    invalidate("data:official");
+  };
+
+  const scrape_official_data = async () => {
+    if (!$pbUser || !$pbUser.admin) {
+      toastStore.trigger(get_error_toast("Only admins may perform this action!"));
+      return;
+    }
+
+    // No timeout + action toast
+    toastStore.trigger(get_warning_toast(scrape_message, null, "Proceed", scrape_callback));
   };
 </script>