leaflet.pub
a tool for shared writing and social publishing
link to bsky known followers page
awarm.space
+11
-4
+11
-4
components/ProfilePopover.tsx
+11
-4
components/ProfilePopover.tsx
···
65
65
publications={data.publications}
66
66
popover
67
67
/>
68
-
<KnownFollowers viewer={data.profile.viewer} />
68
+
<KnownFollowers viewer={data.profile.viewer} did={data.profile.did} />
69
69
</div>
70
70
) : (
71
71
<div className="text-secondary py-2 px-4">Profile not found</div>
···
74
74
);
75
75
};
76
76
77
-
let KnownFollowers = (props: { viewer: ProfileViewDetailed["viewer"] }) => {
77
+
let KnownFollowers = (props: {
78
+
viewer: ProfileViewDetailed["viewer"];
79
+
did: string;
80
+
}) => {
78
81
if (!props.viewer?.knownFollowers) return null;
79
82
let count = props.viewer.knownFollowers.count;
80
83
return (
81
84
<>
82
85
<hr className="border-border" />
83
86
Followed by{" "}
84
-
<button className="hover:underline">
87
+
<a
88
+
className="hover:underline"
89
+
href={`https://bsky.social/profile/${props.did}/known-followers`}
90
+
target="_blank"
91
+
>
85
92
{props.viewer?.knownFollowers?.followers[0]?.displayName}{" "}
86
93
{count > 1 ? `and ${count - 1} other${count > 2 ? "s" : ""}` : ""}
87
-
</button>
94
+
</a>
88
95
</>
89
96
);
90
97
};