From 11bbf91d5ced7f48fa08d59bb21f8c505199b2c7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 May 2026 18:39:23 +0300
Subject: [PATCH] add "joined" profile field

---
 src/components/user_card/user_card.js   | 12 ++++
 src/components/user_card/user_card.scss |  4 ++
 src/components/user_card/user_card.vue  | 86 ++++++++++++++++---------
 src/i18n/en.json                        |  1 +
 4 files changed, 71 insertions(+), 32 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 2d6bfb722..8b28b7c38 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -332,6 +332,18 @@ export default {
         )
       )
     },
+    formattedBirthday() {
+      const browserLocale = localeService.internalToBrowserLocale(
+        this.$i18n.locale,
+      )
+      return (
+        this.user.created_at &&
+        new Date(Date.parse(this.user.created_at)).toLocaleDateString(
+          browserLocale,
+          { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' },
+        )
+      )
+    },
 
     // Editable stuff
     avatarImgSrc() {
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 93a9ed2e7..524ba334e 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -413,6 +413,10 @@
       text-overflow: ellipsis;
       overflow: hidden;
       margin: 0;
+
+      .svg-inline--fa {
+        color: var(--text);
+      }
     }
 
     dd, dt {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 49675779e..05e2ebe2e 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -546,39 +546,61 @@
           <dt>{{ $t('user_card.followers') }}</dt>
         </dl>
       </span>
-      <template v-if="!hideBio">
-        <div
-          v-if="user.birthday && !editable"
-          class="birthday"
-        >
-          <FAIcon
-            class="fa-old-padding"
-            icon="birthday-cake"
-          />
-          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
-        </div>
-        <div
-          v-else-if="editable"
-          class="birthday"
-        >
-          <div>
-            <Checkbox v-model="newShowBirthday">
-              {{ $t('settings.birthday.show_birthday') }}
-            </Checkbox>
-          </div>
-          <FAIcon
-            class="fa-old-padding"
-            icon="birthday-cake"
-          />
-          {{ $t('settings.birthday.label') }}
-          <input
-            id="birthday"
-            v-model="newBirthday"
-            type="date"
-            class="input birthday-input"
+      <span
+        v-if="!hideUserStats"
+        class="user-stats"
+      >
+        <template v-if="!hideBio">
+          <dl
+            v-if="user.birthday && !editable"
+            class="user-count"
           >
-        </div>
-      </template>
+            <dd>
+              <FAIcon
+                class="fa-old-padding"
+                icon="birthday-cake"
+              />
+            </dd>
+            {{ ' ' }}
+            <dt>
+              {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
+            </dt>
+          </dl>
+          <div
+            v-else-if="editable"
+            class="birthday"
+          >
+            <div>
+              <Checkbox v-model="newShowBirthday">
+                {{ $t('settings.birthday.show_birthday') }}
+              </Checkbox>
+            </div>
+            <FAIcon
+              class="fa-old-padding"
+              icon="birthday-cake"
+            />
+            {{ $t('settings.birthday.label') }}
+            <input
+              id="birthday"
+              v-model="newBirthday"
+              type="date"
+              class="input birthday-input"
+            >
+          </div>
+        </template>
+        <dl
+          v-if="!editable"
+          class="user-count"
+        >
+          <dd>
+            {{ $t('user_card.joined') }}
+          </dd>
+          {{ ' ' }}
+          <dt>
+            {{ formattedBirthday }}
+          </dt>
+        </dl>
+      </span>
     </div>
     <template v-if="editable">
       <h3>{{ $t('settings.profile_other') }}</h3>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 510250f73..95f02507b 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1714,6 +1714,7 @@
     "bot": "Bot",
     "group": "Group",
     "birthday": "Born {birthday}",
+    "joined": "Joined",
     "admin_menu": {
       "moderation": "Moderation",
       "grant_admin": "Grant Admin",