aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/Top
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/Wrapped/Top
parentfeat(graphql): add badgeCount field (diff)
downloaddue.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.svelte70
-rw-r--r--src/lib/Tools/Wrapped/Top/Anime.svelte28
-rw-r--r--src/lib/Tools/Wrapped/Top/Manga.svelte32
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>