diff options
| author | Fuwn <[email protected]> | 2024-01-03 22:05:24 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-03 22:05:24 -0800 |
| commit | 1d0ffdba530fa166ac577ef1fba3b5a0a959959a (patch) | |
| tree | d9264c043a7ee39d982654e88b766e51a217fe16 /src/lib/Tools/Wrapped/Top/Manga.svelte | |
| parent | feat(badges): put returns badges (diff) | |
| download | due.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.tar.xz due.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.zip | |
refactor(wrapped): move panels to components
Diffstat (limited to 'src/lib/Tools/Wrapped/Top/Manga.svelte')
| -rw-r--r-- | src/lib/Tools/Wrapped/Top/Manga.svelte | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/lib/Tools/Wrapped/Top/Manga.svelte b/src/lib/Tools/Wrapped/Top/Manga.svelte new file mode 100644 index 00000000..b0d78b6e --- /dev/null +++ b/src/lib/Tools/Wrapped/Top/Manga.svelte @@ -0,0 +1,22 @@ +<script lang="ts"> + import type { Media } from '$lib/AniList/media'; + import { estimatedDayReading } from '$lib/Media/Manga/time'; + + export let mangaList: Media[] | undefined; + export let chapters: number; +</script> + +<div class="category-grid pure-category category top-category"> + <div class="grid-item"> + <b>Manga</b> + </div> + <div class="grid-item"> + Time Read: {estimatedDayReading(chapters).toFixed(2)} days + </div> + <div class="grid-item"> + Completed: {mangaList?.length || 0} + </div> + <div class="grid-item"> + Chapters: {chapters} + </div> +</div> |