feat(identity): use global store

1 files changed, 10 insertions, 24 deletions

diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index b2f715cb..0a88fe3d 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -1,9 +1,6 @@
 <script lang="ts">
-	import userIdentity from '$stores/userIdentity';
-	import {
-		userIdentity as getUserIdentity,
-		type AniListAuthorisation
-	} from '$lib/AniList/identity';
+	import userIdentity from '$stores/identity';
+	import type { AniListAuthorisation } from '$lib/AniList/identity';
 	import { onMount } from 'svelte';
 	import { tops, wrapped, type TopMedia, SortOptions } from '$lib/AniList/wrapped';
 	import {
@@ -35,11 +32,6 @@
 
 	const currentYear = new Date(Date.now()).getFullYear();
 	let selectedYear = new Date(Date.now()).getFullYear();
-	let currentUserIdentity = {
-		name: '',
-		id: -1,
-		avatar: 'https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png'
-	};
 	let episodes = 0;
 	let chapters = 0;
 	let minutesWatched = 0;
@@ -274,22 +266,17 @@
 			includeOVAs = $page.url.searchParams.get('includeOVAs') === 'true';
 		}
 
-		if (user !== undefined) {
-			if ($userIdentity === '') userIdentity.set(JSON.stringify(await getUserIdentity(user)));
-
-			currentUserIdentity = JSON.parse($userIdentity);
-			currentUserIdentity.name = currentUserIdentity.name;
-		} else currentUserIdentity.id = -2;
+		if (user === undefined) $userIdentity.id = -2;
 
 		await update().then(() => (mounted = true));
 	});
 
 	const update = async () => {
-		if (currentUserIdentity.id === -1) return;
+		if ($userIdentity.id === -1) return;
 
 		let rawAnimeList = await mediaListCollection(
 			user,
-			currentUserIdentity,
+			$userIdentity,
 			Type.Anime,
 			$anime,
 			$lastPruneTimes.anime,
@@ -386,7 +373,7 @@
 
 		let rawMangaList = await mediaListCollection(
 			user,
-			currentUserIdentity,
+			$userIdentity,
 			Type.Manga,
 			$manga,
 			$lastPruneTimes.manga,
@@ -577,15 +564,15 @@
 	// };
 </script>
 
-{#if currentUserIdentity.id === -2}
+{#if $userIdentity.id === -2}
 	<div class="card">Please log in to view this page.</div>
-{:else if currentUserIdentity.id !== -1}
-	{#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, currentUserIdentity, selectedYear) : getActivityHistory(currentUserIdentity)}
+{: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>
 	{:then activities}
-		{#await wrapped(user, currentUserIdentity, selectedYear)}
+		{#await wrapped(user, $userIdentity, selectedYear)}
 			<Loading>
 				{@html nbsp('Loading user data ...')}
 			</Loading>
@@ -604,7 +591,6 @@
 						<div class="categories-grid" style="padding-bottom: 0;">
 							<Activity
 								{wrapped}
-								identity={currentUserIdentity}
 								year={selectedYear}
 								{activities}
 								{useFullActivityHistory}