feat: replace Twitter with Mastodon

- Because Twitter became X which became a bad joke! - Add a `target="_blank"` to the image links
damien-carcel · Dec 19, 2023 · 37496dd · 37496dd
1 parent 547f865
commit 37496dd
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/public/mastodon.png b/public/mastodon.png
diff --git a/src/components/footer/ImageLink.tsx b/src/components/footer/ImageLink.tsx
@@ -5,11 +5,12 @@ type ImageLinkProps = {
   alt: string;
   href: string;
   src: string;
+  target: string;
 };
 
 export default function ImageLink(props: ImageLinkProps) {
   return (
-    <Link href={props.href}>
+    <Link href={props.href} target={props.target}>
       <Image alt={props.alt} src={props.src} height={32} width={32} />
     </Link>
   );

diff --git a/src/components/footer/Links.tsx b/src/components/footer/Links.tsx
@@ -4,9 +4,19 @@ import styles from '@/components/Footer.module.css';
 export default function Links() {
   return (
     <div className={styles.links}>
-      <ImageLink alt={'GitHub'} href={'https://github.com/damien-carcel/'} src={'/octocat.png'} />
-      <ImageLink alt={'LinkedIn'} href={'https://www.linkedin.com/in/damien-carcel/'} src={'/linkedin.png'} />
-      <ImageLink alt={'Twitter'} href={'https://twitter.com/damiencarcel'} src={'/twitter.png'} />
+      <ImageLink alt={'GitHub'} href={'https://github.com/damien-carcel/'} src={'/octocat.png'} target="_blank" />
+      <ImageLink
+        alt={'LinkedIn'}
+        href={'https://www.linkedin.com/in/damien-carcel/'}
+        src={'/linkedin.png'}
+        target="_blank"
+      />
+      <ImageLink
+        alt={'Mastodon'}
+        href={'https://social.tchncs.de/@damiencarcel'}
+        src={'/mastodon.png'}
+        target="_blank"
+      />
     </div>
   );
 }