From f43128c7b39dab82ea1b1d7c9ff1fc3f04db6a0a Mon Sep 17 00:00:00 2001
From: Daniils Petrovs <daniils@platogo.com>
Date: Sun, 23 Jun 2024 14:43:35 +0200
Subject: [PATCH] Add View Transitions

---
 src/routes/+layout.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 078d487..ef8132d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import '../app.css';
 
+	import { onNavigate } from '$app/navigation';
 	import { setToast, toastStore } from '$lib/stores/toasts';
 	import { userToken } from '$lib/stores/userinfo';
 
@@ -20,10 +21,21 @@
 			Object.assign(window, {
 				setToast: setToast,
 				saveStamp: saveStamp,
-				collectedStamps: collectedStamps,
+				collectedStamps: collectedStamps
 			});
 		}
 	});
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
 </script>
 
 <Navigation>