diff options
| author | Fuwn <[email protected]> | 2024-01-10 09:44:01 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-10 09:44:01 -0800 |
| commit | 0ad69c9c58a460be126852b057985e84ee98adff (patch) | |
| tree | 5b3f5117a49858338908864eb78094c25348ac08 /src/routes/user | |
| parent | fix(user): alignment (diff) | |
| download | due.moe-0ad69c9c58a460be126852b057985e84ee98adff.tar.xz due.moe-0ad69c9c58a460be126852b057985e84ee98adff.zip | |
feat(user): show number of badges
Diffstat (limited to 'src/routes/user')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 29 |
1 files changed, 26 insertions, 3 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 51ccafcb..c6423754 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -38,7 +38,7 @@ target="_blank" title={String(userData.id)} > - <img src={userData.avatar.large} alt="" width="100vw" /> + <img src={userData.avatar.large} alt="" width="100vw" id="avatar" /> </a> <div> @@ -51,9 +51,27 @@ <span class="click-item">•</span> <a href={`/user/${userData.name}/badges`}>Badge Wall</a> </p> - This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days - of anime and read + {data.username} has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed( + 1 + )} days of anime and read {estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga. + + <p /> + + {data.username} has collected {#await fetch(`/api/badges?id=${userData.id}`)} + ... + {:then badges} + {#await badges.json()} + ... + {:then badges} + {badges.length} + {:catch} + ? + {/await} + {:catch} + ? + {/await} + badges using Badge Wall. </div> </div> {/if} @@ -66,6 +84,11 @@ column-gap: 1.5em; } + #avatar { + margin-top: 0.5em; + padding-bottom: 0.5em; + } + .click-item { margin: 0 0.625rem; } |