feat: use global login restriction warning

5 files changed, 10 insertions, 14 deletions

diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte
index fb99d4ae..22d90d33 100644
--- a/src/lib/Tools/ActivityHistory/Grid.svelte
+++ b/src/lib/Tools/ActivityHistory/Grid.svelte
@@ -10,6 +10,7 @@
 	import { clearAllParameters } from '../../Utility/parameters';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import tooltip from '$lib/Tooltip/tooltip';
+	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
 	export let user: AniListAuthorisation;
 	export let activityData: ActivityHistoryEntry[] | null = null;
@@ -32,7 +33,7 @@
 </script>
 
 {#if user === undefined}
-	Please log in to view this page.
+	<LogInRestricted />
 {:else if activityHistoryData === undefined}
 	<Skeleton card={false} count={1} height="150px" />
 {:else}
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte
index 09aea266..aafac40d 100644
--- a/src/lib/Tools/ActivityHistory/Tool.svelte
+++ b/src/lib/Tools/ActivityHistory/Tool.svelte
@@ -12,7 +12,7 @@
 	import ActivityHistoryGrid from './Grid.svelte';
 	import SettingHint from '$lib/Settings/SettingHint.svelte';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
-	import Popup from '$lib/Popup.svelte';
+	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
 	export let user: AniListAuthorisation;
 
@@ -66,9 +66,7 @@
 </script>
 
 {#if user === undefined}
-	<Popup fullscreen locked>
-		<div class="message">Please log in to view this page.</div>
-	</Popup>
+	<LogInRestricted />
 {:else}
 	{#await activityHistoryData}
 		<Skeleton card={false} count={5} height="0.9rem" list />
diff --git a/src/lib/Tools/FollowFix.svelte b/src/lib/Tools/FollowFix.svelte
index c02ca698..434fb746 100644
--- a/src/lib/Tools/FollowFix.svelte
+++ b/src/lib/Tools/FollowFix.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { toggleFollow } from '$lib/Data/AniList/follow';
 	import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
+	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
 	export let user: AniListAuthorisation;
 
@@ -9,7 +10,7 @@
 </script>
 
 {#if user === undefined}
-	Please log in to view this page.
+	<LogInRestricted />
 {:else}
 	<p>
 		<!-- svelte-ignore missing-declaration -->
diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte
index 4a8d7b12..480fba36 100644
--- a/src/lib/Tools/SequelSpy.svelte
+++ b/src/lib/Tools/SequelSpy.svelte
@@ -18,7 +18,7 @@
 	import HoverCover from '$lib/Media/Cover/HoverCover.svelte';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import identity from '$stores/identity';
-	import Popup from '$lib/Popup.svelte';
+	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
 	export let user: AniListAuthorisation;
 
@@ -48,9 +48,7 @@
 </script>
 
 {#if user === undefined || $identity.id === -2}
-	<Popup fullscreen locked>
-		<div class="message">Please log in to view this page.</div>
-	</Popup>
+	<LogInRestricted />
 {:else}
 	<div class="card">
 		<p>
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 8a3063fa..b6e3f934 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -28,7 +28,7 @@
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import Message from '$lib/Loading/Message.svelte';
 	import tooltip from '$lib/Tooltip/tooltip';
-	import Popup from '$lib/Popup.svelte';
+	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
 	export let user: AniListAuthorisation;
 
@@ -565,9 +565,7 @@
 </script>
 
 {#if $userIdentity.id === -2 || user === undefined}
-	<Popup fullscreen locked>
-		<div class="message">Please log in to view this page.</div>
-	</Popup>
+	<LogInRestricted />
 {:else if $userIdentity.id !== -1}
 	{#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, $userIdentity, selectedYear) : getActivityHistory($userIdentity)}
 		<Message message="Loading activity history ..." />