aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/Top/Anime.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-03 22:05:24 -0800
committerFuwn <[email protected]>2024-01-03 22:05:24 -0800
commit1d0ffdba530fa166ac577ef1fba3b5a0a959959a (patch)
treed9264c043a7ee39d982654e88b766e51a217fe16 /src/lib/Tools/Wrapped/Top/Anime.svelte
parentfeat(badges): put returns badges (diff)
downloaddue.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.tar.xz
due.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.zip
refactor(wrapped): move panels to components
Diffstat (limited to 'src/lib/Tools/Wrapped/Top/Anime.svelte')
-rw-r--r--src/lib/Tools/Wrapped/Top/Anime.svelte20
1 files changed, 20 insertions, 0 deletions
diff --git a/src/lib/Tools/Wrapped/Top/Anime.svelte b/src/lib/Tools/Wrapped/Top/Anime.svelte
new file mode 100644
index 00000000..8ea1277f
--- /dev/null
+++ b/src/lib/Tools/Wrapped/Top/Anime.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+ import type { Media } from '$lib/AniList/media';
+
+ export let minutesWatched: number;
+ export let animeList: Media[] | undefined;
+ export let episodes: number;
+</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>