leaflet.pub
a tool for shared writing and social publishing
little popover fixes
cozylittle.house
+15
-17
+1
-1
app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
+1
-1
app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
···
251
251
Followed by{" "}
252
252
<a
253
253
className="hover:underline"
254
-
href={`https://bsky.social/profile/${props.did}/known-followers`}
254
+
href={`https://bsky.app/profile/${props.did}/known-followers`}
255
255
target="_blank"
256
256
>
257
257
{props.viewer?.knownFollowers?.followers[0]?.displayName}{" "}
+14
-16
components/ProfilePopover.tsx
+14
-16
components/ProfilePopover.tsx
···
69
69
<ProfileLinks handle={data.profile.handle} />
70
70
</div>
71
71
) : (
72
-
<div className="text-secondary py-2 px-4">Profile not found</div>
72
+
<div className="text-secondary py-2 px-4">No profile found...</div>
73
73
)}
74
74
</Popover>
75
75
);
76
76
};
77
77
78
78
const ProfileLinks = (props: { handle: string }) => {
79
+
let linkClassName =
80
+
"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";
79
81
return (
80
82
<div className="w-full flex-col">
81
83
<hr className="border-border-light mt-3" />
82
84
<div className="flex gap-2 justify-between sm:px-4 px-3 py-2">
83
85
<div className="flex gap-2">
84
-
<ProfileLink href={`https://bsky.app/profile/${props.handle}`}>
86
+
<a
87
+
href={`https://bsky.app/profile/${props.handle}`}
88
+
target="_blank"
89
+
className={linkClassName}
90
+
>
85
91
<BlueskyTiny />
86
92
Bluesky
87
-
</ProfileLink>
93
+
</a>
88
94
</div>
89
-
<ProfileLink href={"/"}>
95
+
<SpeedyLink
96
+
href={`https://leaflet.pub/p/${props.handle}`}
97
+
className={linkClassName}
98
+
>
90
99
Full profile <ArrowRightTiny />
91
-
</ProfileLink>
100
+
</SpeedyLink>
92
101
</div>
93
102
</div>
94
103
);
95
104
};
96
-
97
-
const ProfileLink = (props: { children: React.ReactNode; href: string }) => {
98
-
return (
99
-
<a
100
-
href={props.href}
101
-
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"
102
-
>
103
-
{props.children}
104
-
</a>
105
-
);
106
-
};