From 1d0ffdba530fa166ac577ef1fba3b5a0a959959a Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 3 Jan 2024 22:05:24 -0800
Subject: refactor(wrapped): move panels to components

---
 src/lib/Tools/Wrapped/Top/Anime.svelte | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/lib/Tools/Wrapped/Top/Anime.svelte

(limited to 'src/lib/Tools/Wrapped/Top/Anime.svelte')

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>
-- 
cgit v1.2.3

