blob: 7824a4249ffd5388bb9e6cf360a73e3ba9aefc96 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<script lang="ts">
import { followers } from '$lib/AniList/following';
import RateLimited from '$lib/Error/RateLimited.svelte';
import { clearAllParameters } from '$lib/Utility/parameters';
import { onMount } from 'svelte';
let input = '';
let submit = '';
let randomSeed = 0;
onMount(clearAllParameters);
</script>
<div class="card">
<p>
<!-- svelte-ignore missing-declaration -->
<input
type="text"
placeholder="Username"
bind:value={input}
on:keypress={(e) => {
if (e.key === 'Enter') {
submit = input;
randomSeed = Math.random();
// eslint-disable-next-line no-undef
umami.track('Random Follower');
}
}}
/>
<button
class="button-lined"
on:click={() => (submit = input) && (randomSeed = Math.random())}
title="Or click your Enter key"
data-umami-event="Random Follower"
>
Generate
</button>
</p>
{#if submit !== ''}
{#await followers(submit)}
Loading followers ... 50%
{:then users}
{@const user = users[Math.floor(randomSeed * users.length)]}
<p />
<a href={`https://anilist.co/user/${user.id}`} target="_blank">
{user.name}
</a>
{:catch}
<RateLimited type="Followers" list={false} />
{/await}
{:else}
<p />
Enter a username to search for to continue.
{/if}
</div>
|