From 7dc0520538ce79daaa57f044dbe4ac1a1a381b3a Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Tue, 13 Jan 2026 20:11:03 -0500
Subject: [PATCH] little popover fixes

---
 .../p/[didOrHandle]/ProfileHeader.tsx         |  2 +-
 components/ProfilePopover.tsx                 | 30 +++++++++----------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
index 45f08b90..a0fd68e4 100644
--- a/app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
@@ -251,7 +251,7 @@ const KnownFollowers = (props: {
         Followed by{" "}
         <a
           className="hover:underline"
-          href={`https://bsky.social/profile/${props.did}/known-followers`}
+          href={`https://bsky.app/profile/${props.did}/known-followers`}
           target="_blank"
         >
           {props.viewer?.knownFollowers?.followers[0]?.displayName}{" "}
diff --git a/components/ProfilePopover.tsx b/components/ProfilePopover.tsx
index c539a07e..46641b41 100644
--- a/components/ProfilePopover.tsx
+++ b/components/ProfilePopover.tsx
@@ -69,38 +69,36 @@ export const ProfilePopover = (props: {
           <ProfileLinks handle={data.profile.handle} />
         </div>
       ) : (
-        <div className="text-secondary py-2 px-4">Profile not found</div>
+        <div className="text-secondary py-2 px-4">No profile found...</div>
       )}
     </Popover>
   );
 };
 
 const ProfileLinks = (props: { handle: string }) => {
+  let linkClassName =
+    "flex gap-1.5 text-tertiary items-center border border-transparent px-1  rounded-md hover:bg-[var(--accent-light)] hover:border-accent-contrast hover:text-accent-contrast no-underline hover:no-underline";
   return (
     <div className="w-full flex-col">
       <hr className="border-border-light mt-3" />
       <div className="flex gap-2 justify-between sm:px-4 px-3 py-2">
         <div className="flex gap-2">
-          <ProfileLink href={`https://bsky.app/profile/${props.handle}`}>
+          <a
+            href={`https://bsky.app/profile/${props.handle}`}
+            target="_blank"
+            className={linkClassName}
+          >
             <BlueskyTiny />
             Bluesky
-          </ProfileLink>
+          </a>
         </div>
-        <ProfileLink href={"/"}>
+        <SpeedyLink
+          href={`https://leaflet.pub/p/${props.handle}`}
+          className={linkClassName}
+        >
           Full profile <ArrowRightTiny />
-        </ProfileLink>
+        </SpeedyLink>
       </div>
     </div>
   );
 };
-
-const ProfileLink = (props: { children: React.ReactNode; href: string }) => {
-  return (
-    <a
-      href={props.href}
-      className="flex gap-1.5 text-tertiary items-center border border-transparent px-1  rounded-md hover:bg-[var(--accent-light)] hover:border-accent-contrast hover:text-accent-contrast no-underline hover:no-underline"
-    >
-      {props.children}
-    </a>
-  );
-};
-- 
2.51.2