blob: e1fed5c05ce6f61ff6ab9cb048285d1328af80da (
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
|
<script lang="ts">
import { followers } from '$lib/AniList/following';
import RateLimited from '$lib/Error/RateLimited.svelte';
import Skeleton from '$lib/Loading/Skeleton.svelte';
import InputTemplate from './InputTemplate.svelte';
let submission = '';
let randomSeed = 0;
</script>
<InputTemplate
field="Username"
bind:submission
event="Random Follower"
submitText="Generate"
onSubmit={() => (randomSeed = Math.random())}
>
{#await followers(submission)}
<Skeleton card={false} count={1} height="0.9rem" list />
{: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}
</InputTemplate>
|