From d84843a46d66138837be2dfbc80db01aa6658edd Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 29 Nov 2023 14:36:24 +0200
Subject: [PATCH] no avatar title when profilecard is shown

---
 packages/app/src/Element/User/Avatar.tsx       | 15 +++++++++++++--
 packages/app/src/Element/User/ProfileImage.tsx |  5 +++--
 2 files changed, 16 insertions(+), 4 deletions(-)

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}>
       <ProxyImg
         className="rounded-full object-cover aspect-square"
         src={url}
diff --git a/packages/app/src/Element/User/ProfileImage.tsx b/packages/app/src/Element/User/ProfileImage.tsx
index 1cdc1f21..81d63fc1 100644
--- a/packages/app/src/Element/User/ProfileImage.tsx
+++ b/packages/app/src/Element/User/ProfileImage.tsx
@@ -47,7 +47,7 @@ export default function ProfileImage({
   onClick,
   showFollowDistance = true,
   icons,
-  showProfileCard,
+  showProfileCard = true,
 }: ProfileImageProps) {
   const user = useUserProfile(profile ? "" : pubkey) ?? profile;
   const nip05 = defaultNip ? defaultNip : user?.nip05;
@@ -81,6 +81,7 @@ export default function ProfileImage({
             user={user}
             size={size}
             imageOverlay={imageOverlay}
+            showTitle={!showProfileCard}
             icons={
               showFollowDistance || icons ? (
                 <>
@@ -105,7 +106,7 @@ export default function ProfileImage({
   }
 
   function profileCard() {
-    if ((showProfileCard ?? true) && user && isHovering) {
+    if (showProfileCard && user && isHovering) {
       return (
         <div className="absolute shadow-lg z-10">
           <ProfileCard pubkey={pubkey} user={user} show={true} />