diff --git a/packages/app/src/Element/User/Avatar.tsx b/packages/app/src/Element/User/Avatar.tsx index 34876a80..015b3520 100644 --- a/packages/app/src/Element/User/Avatar.tsx +++ b/packages/app/src/Element/User/Avatar.tsx @@ -16,10 +16,21 @@ interface AvatarProps { image?: string; imageOverlay?: ReactNode; icons?: ReactNode; + showTitle?: boolean; className?: string; } -const Avatar = ({ pubkey, user, size, onClick, image, imageOverlay, icons, className }: AvatarProps) => { +const Avatar = ({ + pubkey, + user, + size, + onClick, + image, + imageOverlay, + icons, + className, + showTitle = true, +}: AvatarProps) => { const [url, setUrl] = useState(""); useEffect(() => { @@ -44,7 +55,7 @@ const Avatar = ({ pubkey, user, size, onClick, image, imageOverlay, icons, class className, )} data-domain={domain?.toLowerCase()} - title={getDisplayName(user, "")}> + title={showTitle ? getDisplayName(user, "") : undefined}> @@ -105,7 +106,7 @@ export default function ProfileImage({ } function profileCard() { - if ((showProfileCard ?? true) && user && isHovering) { + if (showProfileCard && user && isHovering) { return (