src/lib/Tools/RandomFollower.svelte


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

<script lang="ts">
import Spacer from "$lib/Layout/Spacer.svelte";
import { followers } from "$lib/Data/AniList/following";
import RateLimited from "$lib/Error/RateLimited.svelte";
import Skeleton from "$lib/Loading/Skeleton.svelte";
import TextSwap from "$lib/Layout/TextTransition.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)]}

    <Spacer />

    <a href={`https://anilist.co/user/${user.id}`} target="_blank">
      <TextSwap text={user.name} />
    </a>
  {:catch}
    <RateLimited type="Followers" list={false} />
  {/await}
</InputTemplate>