feat(layout): cache user identity

2 files changed, 20 insertions, 3 deletions

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 01ede9e0..07c5435a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,9 @@
 <script>
 	import { env } from '$env/dynamic/public';
-	import { userIdentity } from '$lib/AniList/identity';
+	import { userIdentity as getUserIdentity } from '$lib/AniList/identity';
 	import { onMount } from 'svelte';
 	import { lastActivityDate } from '$lib/AniList/activity';
+	import userIdentity from '../stores/userIdentity';
 
 	export let data;
 
@@ -11,8 +12,12 @@
 
 	onMount(async () => {
 		if (data.user !== undefined) {
-			currentUserIdentity = await userIdentity(data.user);
-			currentUserIdentity.name = `${currentUserIdentity.name}`;
+			if ($userIdentity === '') {
+				userIdentity.set(JSON.stringify(await getUserIdentity(data.user)));
+			}
+
+			currentUserIdentity = JSON.parse($userIdentity);
+			currentUserIdentity.name = currentUserIdentity.name;
 			lastActivityWasToday =
 				(await lastActivityDate(currentUserIdentity)).toDateString() === new Date().toDateString();
 		}
diff --git a/src/stores/userIdentity.ts b/src/stores/userIdentity.ts
new file mode 100644
index 00000000..e5018268
--- /dev/null
+++ b/src/stores/userIdentity.ts
@@ -0,0 +1,12 @@
+import { browser } from '$app/environment';
+import { writable } from 'svelte/store';
+
+const userIdentity = writable<string>(browser ? localStorage.getItem('userIdentity') ?? '' : '');
+
+userIdentity.subscribe((value) => {
+	if (browser) {
+		localStorage.setItem('userIdentity', value);
+	}
+});
+
+export default userIdentity;