From fd871afbb1cc24fc3d47b2dea3a5d99795e839da Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 24 Jan 2024 21:44:30 -0800
Subject: feat(wrapped): skeleton loading

---
 src/lib/Tools/Wrapped/Tool.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'src/lib/Tools')

diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 0a88fe3d..370bd23a 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -27,6 +27,7 @@
 	import MediaPanel from './Media.svelte';
 	import Watermark from './Watermark.svelte';
 	import Loading from '$lib/Utility/Loading.svelte';
+	import Skeleton from '$lib/Skeleton.svelte';
 
 	export let user: AniListAuthorisation;
 
@@ -571,11 +572,19 @@
 		<Loading>
 			{@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)}
 		</Loading>
+
+		<p />
+
+		<Skeleton count={2} />
 	{:then activities}
 		{#await wrapped(user, $userIdentity, selectedYear)}
 			<Loading>
 				{@html nbsp('Loading user data ...')}
 			</Loading>
+
+			<p />
+
+			<Skeleton count={2} />
 		{:then wrapped}
 			<div id="list-container">
 				<div class="card">
-- 
cgit v1.2.3