From 33ad04d03680aa86287cd0655cd2f157e8985676 Mon Sep 17 00:00:00 2001
From: Erb3 <49862976+Erb3@users.noreply.github.com>
Date: Fri, 8 Nov 2024 03:25:02 +0100
Subject: [PATCH] feat(frontend): show date of user join (#2901)

* 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
---
 apps/frontend/src/pages/user/[id].vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index ed6441c2f..7761503b3 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -35,7 +35,15 @@
               {{ formatCompactNumber(sumDownloads) }}
               downloads
             </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" />
               Joined
               {{ formatRelativeTime(user.created) }}