diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/Wrapped/Top | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip | |
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Tools/Wrapped/Top')
| -rw-r--r-- | src/lib/Tools/Wrapped/Top/Activity.svelte | 70 | ||||
| -rw-r--r-- | src/lib/Tools/Wrapped/Top/Anime.svelte | 28 | ||||
| -rw-r--r-- | src/lib/Tools/Wrapped/Top/Manga.svelte | 32 |
3 files changed, 65 insertions, 65 deletions
diff --git a/src/lib/Tools/Wrapped/Top/Activity.svelte b/src/lib/Tools/Wrapped/Top/Activity.svelte index 03f15b5d..a91bedfb 100644 --- a/src/lib/Tools/Wrapped/Top/Activity.svelte +++ b/src/lib/Tools/Wrapped/Top/Activity.svelte @@ -1,42 +1,42 @@ <script lang="ts"> - import type { ActivityHistoryEntry } from '$lib/Data/AniList/activity'; - import identity from '$stores/identity'; - import type { Wrapped } from '$lib/Data/AniList/wrapped'; - import proxy from '$lib/Utility/proxy'; + import type { ActivityHistoryEntry } from '$lib/Data/AniList/activity'; + import identity from '$stores/identity'; + import type { Wrapped } from '$lib/Data/AniList/wrapped'; + import proxy from '$lib/Utility/proxy'; - export let wrapped: Wrapped; - export let year: number; - export let activities: ActivityHistoryEntry[]; - export let useFullActivityHistory: boolean; - export let updateWidth: () => void; + export let wrapped: Wrapped; + export let year: number; + export let activities: ActivityHistoryEntry[]; + export let useFullActivityHistory: boolean; + export let updateWidth: () => void; - const currentYear = new Date(Date.now()).getFullYear(); + const currentYear = new Date(Date.now()).getFullYear(); </script> <div class="grid-item image-grid avatar-grid category top-category"> - <a href={`https://anilist.co/user/${$identity.name}`} target="_blank"> - <img src={proxy(wrapped.avatar.large)} alt="User Avatar" on:load={updateWidth} /> - </a> - <div> - <div> - <a href={`https://anilist.co/user/${$identity.name}`} target="_blank"> - <b> - {$identity.name} - </b> - </a> - </div> - <div> - Status Posts: {wrapped.activities.statusCount} - </div> - <div> - Messages: {wrapped.activities.messageCount} - </div> - <div> - Days Active: {#if year !== currentYear} - ?/365 - {:else} - {activities.length}/{useFullActivityHistory ? 365 : 189} - {/if} - </div> - </div> + <a href={`https://anilist.co/user/${$identity.name}`} target="_blank"> + <img src={proxy(wrapped.avatar.large)} alt="User Avatar" on:load={updateWidth} /> + </a> + <div> + <div> + <a href={`https://anilist.co/user/${$identity.name}`} target="_blank"> + <b> + {$identity.name} + </b> + </a> + </div> + <div> + Status Posts: {wrapped.activities.statusCount} + </div> + <div> + Messages: {wrapped.activities.messageCount} + </div> + <div> + Days Active: {#if year !== currentYear} + ?/365 + {:else} + {activities.length}/{useFullActivityHistory ? 365 : 189} + {/if} + </div> + </div> </div> diff --git a/src/lib/Tools/Wrapped/Top/Anime.svelte b/src/lib/Tools/Wrapped/Top/Anime.svelte index b33a8c08..08df7fd3 100644 --- a/src/lib/Tools/Wrapped/Top/Anime.svelte +++ b/src/lib/Tools/Wrapped/Top/Anime.svelte @@ -1,20 +1,20 @@ <script lang="ts"> - import type { Media } from '$lib/Data/AniList/media'; + import type { Media } from '$lib/Data/AniList/media'; - export let minutesWatched: number; - export let animeList: Media[] | undefined; - export let episodes: number; + 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 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> diff --git a/src/lib/Tools/Wrapped/Top/Manga.svelte b/src/lib/Tools/Wrapped/Top/Manga.svelte index 6c505df2..a36f7724 100644 --- a/src/lib/Tools/Wrapped/Top/Manga.svelte +++ b/src/lib/Tools/Wrapped/Top/Manga.svelte @@ -1,22 +1,22 @@ <script lang="ts"> - import type { Media } from '$lib/Data/AniList/media'; - import { estimatedDayReading } from '$lib/Media/Manga/time'; + import type { Media } from '$lib/Data/AniList/media'; + import { estimatedDayReading } from '$lib/Media/Manga/time'; - export let mangaList: Media[] | undefined; - export let chapters: number; + 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 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> |