eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

feat(frontend): show date of user join (#2901)

Browse Source 
* feat(frontend): show date of user join

Shows and formats the date when the user joined, on hover. Can add `cursor-help` if wanted.

Resolves #2243

* chore(frontend): lint
This commit is contained in:
Erb3
2024-11-08 03:25:02 +01:00
committed by GitHub
parent 4bcdb3f495
commit 33ad04d036
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/frontend/src/pages/user/[id].vue
View File

@@ -35,7 +35,15 @@
{{ formatCompactNumber(sumDownloads) }} {{ formatCompactNumber(sumDownloads) }}
downloads downloads
</div> </div>
<div class="flex items-center gap-2 font-semibold"> <div
v-tooltip="
formatMessage(commonMessages.dateAtTimeTooltip, {
date: new Date(user.created),
time: new Date(user.created),
})
"
class="flex items-center gap-2 font-semibold"
>
<CalendarIcon class="h-6 w-6 text-secondary" /> <CalendarIcon class="h-6 w-6 text-secondary" />
Joined Joined
{{ formatRelativeTime(user.created) }} {{ formatRelativeTime(user.created) }}