Add copy id button for admins

manifoldmarkets · Sep 16, 2024 · f14ea3d · f14ea3d
1 parent 38301ca
commit f14ea3d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/web/components/user/user-hovercard.tsx b/web/components/user/user-hovercard.tsx
@@ -14,6 +14,7 @@ import { Col } from '../layout/col'
 import { FullUser } from 'common/api/user-types'
 import { useIsClient } from 'web/hooks/use-is-client'
 import { TRADE_TERM } from 'common/envs/constants'
+import { SimpleCopyTextButton } from 'web/components/buttons/copy-link-button'
 
 export type UserHovercardProps = {
   children: React.ReactNode
@@ -104,6 +105,14 @@ const FetchUserHovercardContent = forwardRef(
               <div className="text-ink-400">
                 Joined {dayjs(user.createdTime).format('MMM DD, YYYY')}
               </div>
+              {isMod && (
+                <SimpleCopyTextButton
+                  text={user.id}
+                  tooltip="Copy user id"
+                  className="!px-1 !py-px"
+                  eventTrackingName={'admin copy user id'}
+                />
+              )}
             </Row>
           </Col>
         </div>