aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/Top/Anime.svelte
blob: 3b89364146eb3ed16b416640192f57ae4d5fb632 (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
<script lang="ts">
  import type { Media } from '$lib/Data/AniList/media';

  let {
    minutesWatched,
    animeList,
    episodes
  }: {
    minutesWatched: number;
    animeList: Media[] | undefined;
    episodes: number;
  } = $props();
</script>

<div class="category-grid pure-category category top-category">
  <div class="grid-item">
    <b>Anime</b>
  </div>
  <div class="grid-item">
    Time Watched: {((minutesWatched || 0) / 60 / 24).toFixed(2)} days
  </div>
  <div class="grid-item">
    Completed: {animeList?.length || 0}
  </div>
  <div class="grid-item">Episodes: {episodes}</div>
</div>