feat(tools): add follow fix base

1 files changed, 50 insertions, 0 deletions

diff --git a/src/lib/Tools/FollowFix.svelte b/src/lib/Tools/FollowFix.svelte
new file mode 100644
index 00000000..de7a7863
--- /dev/null
+++ b/src/lib/Tools/FollowFix.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { toggleFollow } from '$lib/AniList/follow';
+	import type { AniListAuthorisation } from '$lib/AniList/identity';
+
+	export let user: AniListAuthorisation;
+
+	let input = '';
+	let submit = '';
+</script>
+
+{#if user === undefined}
+	Please log in to view this page.
+{:else}
+	<p>
+		<input
+			type="text"
+			minlength="1"
+			placeholder="Username"
+			bind:value={input}
+			on:keypress={(e) => {
+				if (e.key === 'Enter') {
+					submit = input;
+
+					// eslint-disable-next-line no-undef
+					umami.track('Fix Follow');
+				}
+			}}
+		/>
+		<a href={'#'} on:click={() => (submit = input)}>
+			Toggle follow for {input.length === 0 ? '...' : input}
+		</a>
+	</p>
+
+	{#if submit.length > 0}
+		{#await toggleFollow(user, submit)}
+			Toggling follow ...
+		{:then response}
+			<p>
+				Successfully toggled follow for {submit}.
+
+				{submit}
+				{response.isFollower ? 'is' : 'is not'} following you, {response.isFollowing
+					? 'but'
+					: 'and'} you {response.isFollowing ? 'are' : 'are not'} following them.
+			</p>
+		{:catch}
+			<p>Failed to toggle follow for {submit}.</p>
+		{/await}
+	{/if}
+{/if}