(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
add a "View profile in Bluesky" button in the dropdown on the profile page
+12
+12
web/src/views/profile/Profile.tsx
+12
web/src/views/profile/Profile.tsx
···
12
12
import Card from "../../components/common/Card";
13
13
import RichText from "../../components/common/RichText";
14
14
import MoreMenu from "../../components/common/MoreMenu";
15
+
import { BlueskyIcon } from "../../components/common/Icons";
15
16
import type { MoreMenuItem } from "../../components/common/MoreMenu";
16
17
import ReportModal from "../../components/modals/ReportModal";
17
18
import {
···
352
353
<MoreMenu
353
354
items={(() => {
354
355
const items: MoreMenuItem[] = [];
356
+
items.push({
357
+
label: "View profile in Bluesky",
358
+
icon: <BlueskyIcon size={16} />,
359
+
onClick: () => {
360
+
const handle = profile.handle || did;
361
+
window.open(
362
+
`https://bsky.app/profile/${encodeURIComponent(handle)}`,
363
+
"_blank",
364
+
);
365
+
},
366
+
});
355
367
if (modRelation.blocking) {
356
368
items.push({
357
369
label: `Unblock @${profile.handle || "user"}`,