chore: use discrim

revoltchat · Jun 11, 2023 · 4be0243 · 4be0243
1 parent 32f73ac
commit 4be0243
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/components/design/atoms/indicators/UserTooltip.tsx b/src/components/design/atoms/indicators/UserTooltip.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { User } from "revolt.js";
 import styled from "styled-components";
+
 import { Tooltip, TooltipProps } from "./Tooltip";
 
 const Base = styled.div`
@@ -12,6 +13,12 @@ const Base = styled.div`
         font-weight: 600;
     }
 
+    .username-new {
+        font-size: 11px;
+        font-weight: 600;
+        color: var(--secondary-foreground);
+    }
+
     .status {
         font-size: 11px;
         overflow: hidden;
@@ -36,7 +43,18 @@ export function UserTooltip({ user, ...props }: Props) {
             {...props}
             content={
                 <Base>
-                    <span className="username">{user.username}</span>
+                    <span className="username">
+                        {(user as unknown as { display_name: string })
+                            .display_name ?? user.username}
+                    </span>
+                    <span className="username-new">
+                        {user.username}
+                        {"#"}
+                        {
+                            (user as unknown as { discriminator: string })
+                                .discriminator
+                        }
+                    </span>
                     <span className="status">{user.status?.presence}</span>
                 </Base>
             }