From 313afc719f98626946e95f3b04ba2c448422d930 Mon Sep 17 00:00:00 2001
From: parabolabam <sorokinvladislav1402@gmail.com>
Date: Sun, 22 Oct 2023 19:47:40 +0400
Subject: [PATCH] add rel-me for mastodon link

---
 src/components/Avatar/index.tsx | 2 +-
 src/components/Link/index.tsx   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Avatar/index.tsx b/src/components/Avatar/index.tsx
index 5a77475..6f3fcd4 100644
--- a/src/components/Avatar/index.tsx
+++ b/src/components/Avatar/index.tsx
@@ -35,7 +35,7 @@ export function Avatar() {
           </span>
         </Link>
 
-        <Link href={mastodonLink}>
+        <Link href={mastodonLink} additionalRel='me'>
           <span className="link__content">
             <FontAwesomeIcon size="2x" icon={['fab', 'mastodon']} />
           </span>
diff --git a/src/components/Link/index.tsx b/src/components/Link/index.tsx
index 8994b18..504b27d 100644
--- a/src/components/Link/index.tsx
+++ b/src/components/Link/index.tsx
@@ -7,14 +7,17 @@ export function Link({
   href = '#',
   targetBlank = true,
   showIcon = false,
+  additionalRel = ''
 }) {
+  const relOfLinks = ['noopener', 'noreferrer', additionalRel].join(' ');
+
   return (
     <>
       <a
         className="link"
         href={href}
         target={targetBlank ? '_blank' : '_self'}
-        rel="noopener noreferrer"
+        rel={relOfLinks}
       >
         {children}
         <span className={showIcon ? 'link__icon' : ''}>