From 0b5b0360b820ca510f269e969c761b390de42f48 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Tue, 6 Jul 2021 13:36:32 +0200
Subject: [PATCH] Update: Added User ID to accounts page

---
 src/pages/settings/panes/Account.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx
index b6677319..fe9d79ec 100644
--- a/src/pages/settings/panes/Account.tsx
+++ b/src/pages/settings/panes/Account.tsx
@@ -17,6 +17,7 @@ import { useForceUpdate, useSelf } from "../../../context/revoltjs/hooks";
 import UserIcon from "../../../components/common/user/UserIcon";
 import Button from "../../../components/ui/Button";
 import Overline from "../../../components/ui/Overline";
+import Tooltip from "../../../components/common/Tooltip";
 import Tip from "../../../components/ui/Tip";
 
 export function Account() {
@@ -62,7 +63,12 @@ export function Account() {
                 />
                 <div className={styles.userDetail}>
                     <div className={styles.username}>@{user.username}</div>
-                    <div className={styles.userid}><HelpCircle size={16} />{user._id}</div>
+                    <div className={styles.userid}>
+                        <Tooltip content={"This is your unique user identificator"}>
+                            <HelpCircle size={16} />
+                        </Tooltip>
+                        {user._id}
+                    </div>
                 </div>
             </div>
             <div className={styles.details}>