bug: clicking DM does redirect instead of navigate

src/Element/Nip05.tsx

@@ -57,7 +57,7 @@ const Nip05 = (props: Nip05Params) => {
   const { isVerified, couldNotVerify } = useIsVerified(props.pubkey, props.nip05)
 
   return (
-    <div className={`flex nip05${couldNotVerify ? " failed" : ""}`} onClick={(ev) => ev.stopPropagation()}>
+    <div className={`flex nip05${couldNotVerify ? " failed" : ""}`}>
       {!isDefaultUser && (
         <div className="nick">
           {name}

src/Element/ProfileImage.tsx

@@ -1,7 +1,7 @@
 import "./ProfileImage.css";
 
 import { useMemo } from "react";
-import { Link, useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import useProfile from "Feed/ProfileFeed";
 import { hexToBech32, profileLink } from "Util";
 import Avatar from "Element/Avatar"
@@ -30,13 +30,11 @@ export default function ProfileImage({ pubkey, subHeader, showUsername = true, c
             <div className="avatar-wrapper">
                 <Avatar user={user} onClick={() => navigate(link ?? profileLink(pubkey))} />
             </div>
-            {showUsername && (<div className="f-grow">
-                <Link key={pubkey} to={link ?? profileLink(pubkey)}>
-                    <div className="profile-name">
-                        <div>{name}</div>
-                        {user?.nip05 && <Nip05 nip05={user.nip05} pubkey={user.pubkey} />}
-                    </div>
-                </Link>
+            {showUsername && (<div className="f-grow pointer" onClick={e => { e.stopPropagation(); navigate(link ?? profileLink(pubkey)) }}>
+                <div className="profile-name">
+                    <div>{name}</div>
+                    {user?.nip05 && <Nip05 nip05={user.nip05} pubkey={user.pubkey} />}
+                </div>
                 {subHeader ? <>{subHeader}</> : null}
             </div>
             )}

src/index.css

@@ -296,6 +296,10 @@ body.scroll-lock {
   height: 100vh;
 }
 
+.pointer { 
+  cursor: pointer;
+}
+
 .m5 {
   margin: 5px;
 }