feat: move everything to skeletion loading ui

1 files changed, 1 insertions, 17 deletions

diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 2fb77b5e..fa788d65 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -16,7 +16,6 @@
 	import { browser } from '$app/environment';
 	import { page } from '$app/stores';
 	import { clearAllParameters } from '../../Utility/parameters';
-	import { nbsp } from '../../Utility/html';
 	import SettingHint from '$lib/Settings/SettingHint.svelte';
 	import { database } from '$lib/Database/activities';
 	import Activity from './Top/Activity.svelte';
@@ -26,7 +25,6 @@
 	import MediaExtras from './MediaExtras.svelte';
 	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;
@@ -567,21 +565,9 @@
 	<div class="card">Please log in to view this page.</div>
 {:else if $userIdentity.id !== -1}
 	{#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, $userIdentity, selectedYear) : getActivityHistory($userIdentity)}
-		<!-- <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">
@@ -773,9 +759,7 @@
 		</Error>
 	{/await}
 {:else}
-	<Loading>
-		{@html nbsp('Loading user identity ...')}
-	</Loading>
+	<Skeleton count={2} />
 {/if}
 
 <style>