diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx index b66773191012a9c892d35decf1a178d7c06c3952..fe9d79ecf6847bbaabe29b97cfb1701d4a374980 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}>