add rel-me for mastodon link

parabolabam · Oct 22, 2023 · 313afc7 · 313afc7
1 parent 0a99879
commit 313afc7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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' : ''}>