aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/Top/Manga.svelte
blob: 2de988e3eaf3c850b63f19531fb8b01744a24dd0 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script lang="ts">
  import type { Media } from '$lib/Data/AniList/media';
  import { estimatedDayReading } from '$lib/Media/Manga/time';

  let { mangaList, chapters }: { mangaList: Media[] | undefined; chapters: number } = $props();
</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>