From 75cbcea64e93f30f51a5b1b57e7e210f222129c5 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Sat, 6 Apr 2024 17:17:51 +1300
Subject: [PATCH] Added loading screen when page changing

---
 materialious/src/routes/+layout.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/materialious/src/routes/+layout.svelte b/materialious/src/routes/+layout.svelte
index a163732f..aedf6ead 100644
--- a/materialious/src/routes/+layout.svelte
+++ b/materialious/src/routes/+layout.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { navigating } from '$app/stores';
 	import { getFeed } from '$lib/Api/index';
 	import Logo from '$lib/Logo.svelte';
+	import PageLoading from '$lib/PageLoading.svelte';
 	import Search from '$lib/Search.svelte';
 	import Thumbnail from '$lib/Thumbnail.svelte';
 	import 'beercss';
@@ -573,7 +575,11 @@
 </dialog>
 
 <main class="responsive max root">
-	<slot />
+	{#if $navigating}
+		<PageLoading />
+	{:else}
+		<slot />
+	{/if}
 </main>
 
 <style>