Replace Mastodon with Bsky

layouts/Application/components/Footer/index.tsx

@@ -1,5 +1,5 @@
 import NextLink from "next/link";
-import { FaGithub, FaLinkedin, FaMastodon, FaRss } from "react-icons/fa";
+import { FaBluesky, FaGithub, FaLinkedin, FaRss } from "react-icons/fa6";
 import { RxMoon, RxSun } from "react-icons/rx";
 
 import { useDarkMode } from "@/hooks";
@@ -42,11 +42,11 @@ export function Footer() {
           <ul className="AppFooter__Links">
             <li className="AppFooter__Links__Item">
               <a
-                href="https://mastodon.world/@codecoolture"
+                href="https://bsky.app/profile/sergio.codecoolture.com"
                 className="AppFooter__Links__Link"
-                aria-label="Go to Sergio's Mastodon profile"
+                aria-label="Go to Sergio's Bluesky profile"
               >
-                <FaMastodon />
+                <FaBluesky />
               </a>
             </li>
 

layouts/Application/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import NextLink from "next/link";
 import { Component } from "react";
-import { FaArrowLeft } from "react-icons/fa";
+import { FaArrowLeft } from "react-icons/fa6";
 
 import { classNames } from "@/lib/classNames";
 import { Application } from "@/layouts/Application";

package.json

@@ -17,7 +17,7 @@
     "prismjs": "1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "4.11.0",
+    "react-icons": "5.3.0",
     "rehype-highlight": "7.0.0",
     "remark-gfm": "4.0.0",
     "remark-unwrap-images": "4.0.0",

pages/about.mdx

@@ -26,13 +26,13 @@ In 2016 I co-founded [AsturiasHacking][asturiashacking], the first large softwar
 Did I mention I’m an occasional speaker too? I’ve given talks at national and international conferences, such as
 [Codemotion Madrid][codemotion] or [Agile Testing Days Berlin][atd].
 
-If you want to know more about me, please check out my [Mastodon feed][mastodon], [GitHub account][github], or [LinkedIn
+If you want to know more about me, please check out my [Bluesky feed][bsky], [GitHub account][github], or [LinkedIn
 profile][linkedin].
 
 [asturiashacking]: https://saraos.tech/@asturiashacking
 [codemotion]: https://www.youtube.com/watch?v=07lk3GLKoa4
 [atd]: https://agiletestingdays.com/2018/session/confident-software-delivery/
-[mastodon]: https://mastodon.world/@codecoolture
+[bsky]: https://bsky.app/profile/sergio.codecoolture.com
 [github]: https://github.com/codecoolture
 [linkedin]: https://linkedin.com/in/sergioalvarezsuarez
 [tddworkshop]: https://tddworkshop.com

pages/contact.mdx

@@ -15,11 +15,11 @@ export default ({ children }) => {
 to reach out to me using any of the following methods.</Text>}
 
 - [Send me an email][email], and you will get a response within 2-4 business days.
-- For quick comments or questions, you can [send me a message on Mastodon][mastodon].
+- For quick comments or questions, you can [send me a message on Bluesky][bsky].
 - If you want to see what I’m up to, you can [follow me on GitHub][github] or visit my [LinkedIn][linkedin] profile.
 - For anything else: **hola@codecoolture.com**.
 
 [email]: mailto:hola@codecoolture.com
-[mastodon]: https://mastodon.world/@codecoolture
+[bsky]: https://bsky.app/profile/sergio.codecoolture.com
 [linkedin]: https://linkedin.com/in/sergioalvarezsuarez
 [github]: https://github.com/codecoolture

yarn.lock

@@ -5324,10 +5324,10 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-icons@4.11.0:
-  version "4.11.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65"
-  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
+react-icons@5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-5.3.0.tgz#ccad07a30aebd40a89f8cfa7d82e466019203f1c"
+  integrity sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==
 
 react-is@^16.13.1:
   version "16.13.1"