diff --git a/components/user/UserLink.js b/components/user/UserLink.js
index 3dd6c050b4a..bb3dffc33d3 100644
--- a/components/user/UserLink.js
+++ b/components/user/UserLink.js
@@ -27,6 +27,7 @@ export default function UserLink({
isEnabled = true,
manage = false,
url,
+ rel,
}) {
const DisplayIcon = getIcon(link.icon);
let aria = "";
@@ -38,61 +39,73 @@ export default function UserLink({
}
const item = (link) => (
-
-
-
-
+ <>
+ {rel && (
+
+
- {animations[link.animation] === animations.ping && (
-
+ )}
+
+
+
- )}
-
- {link.name}
- {manage && link.isPinned && (
-
- Pinned
-
- )}
- {manage && (
-
+
+
)}
- >
- {link.isEnabled ? "Enabled" : "Disabled"}
-
- )}
- {manage && link.group && (
-
- {link.group}
- )}
- {manage && }
-
+ {link.name}
+ {manage && link.isPinned && (
+
+ Pinned
+
+ )}
+ {manage && (
+
+ {link.isEnabled ? "Enabled" : "Disabled"}
+
+ )}
+ {manage && link.group && (
+
+ {link.group}
+
+ )}
+ {manage && }
+
+ >
);
const edit = (link) => (
diff --git a/components/user/UserLinks.js b/components/user/UserLinks.js
index 1a341022b10..9790492f3ae 100644
--- a/components/user/UserLinks.js
+++ b/components/user/UserLinks.js
@@ -10,6 +10,15 @@ export default function UserLinks({ BASE_URL, links, username }) {
return { ...acc, [group]: [...curGroup, obj] };
}, {});
+ links.forEach((link) => {
+ const regex = new RegExp("Mastodon", "i");
+ const match = regex.test(link.name) || regex.test(link.icon);
+ if (match) {
+ link.rel = "me";
+ return;
+ }
+ });
+
return (
<>
{!links?.length && }
@@ -40,6 +49,7 @@ export default function UserLinks({ BASE_URL, links, username }) {
link={link}
username={username}
isEnabled={link.isEnabled}
+ rel={link.rel}
/>
))}