content: Add Bluesky social link to footer (#249)

Author: Eva Decker

biome.jsonc

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.2.3/schema.json",
   "files": {
     "includes": [
       "**",

package.json

@@ -30,6 +30,7 @@
     "@axe-core/playwright": "^4.10.2",
     "@keystatic/astro": "^5.0.6",
     "@keystatic/core": "^0.5.48",
+    "@remixicon/react": "^4.6.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
     "astro": "^5.13.5",
@@ -42,7 +43,6 @@
     "markdown-it": "^14.1.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-icons": "^5.5.0",
     "rough-notation": "^0.5.1",
     "sanitize-html": "^2.17.0",
     "typescript": "^5.9.2"

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 ---
-import { RiHeart3Line } from "react-icons/ri";
+import { RiHeart3Line } from "@remixicon/react";
 import siteInfo from "~/data/site-info";
 import Subscribe from "./Subscribe.astro";
 

src/components/Footer.astro

@@ -1,5 +1,5 @@
 ---
-import { RiArrowRightLine } from "react-icons/ri";
+import { RiArrowRightLine } from "@remixicon/react";
 ---
 
 <form

src/components/Subscribe.astro

@@ -1,26 +1,28 @@
-import type { IconType } from "react-icons/lib";
 import {
+  type RemixiconComponentType,
+  RiBlueskyFill,
   RiDiscordFill,
   RiGithubFill,
   RiInstagramFill,
   RiLinkedinBoxFill,
   RiMailSendFill,
   RiRssFill,
-} from "react-icons/ri";
+} from "@remixicon/react";
 
 type SocialPlatform =
-  | "rss"
+  | "bluesky"
   | "discord"
+  | "email"
   | "github"
   | "instagram"
   | "linkedin"
-  | "email";
+  | "rss";
 
 export type SocialLink = {
   name: string;
   text: string;
   href: string;
-  Icon: IconType;
+  Icon: RemixiconComponentType;
 };
 
 export type SiteInfo = {
@@ -76,6 +78,12 @@ const siteInfo: SiteInfo = {
       href: "https://www.instagram.com/namesake.fyi",
       Icon: RiInstagramFill,
     },
+    bluesky: {
+      name: "Bluesky",
+      text: "Follow Namesake on Bluesky",
+      href: "https://bsky.app/profile/namesake.fyi",
+      Icon: RiBlueskyFill,
+    },
     linkedin: {
       name: "LinkedIn",
       text: "Connect with Namesake on LinkedIn",

src/data/site-info.ts

@@ -1,5 +1,5 @@
 ---
-import { RiDownloadLine } from "react-icons/ri";
+import { RiDownloadLine } from "@remixicon/react";
 
 export type Props = {
   name: string;

src/pages/brand-assets/_components/BrandAssetCard.astro

@@ -1,5 +1,5 @@
 ---
-import { RiDownloadLine } from "react-icons/ri";
+import { RiDownloadLine } from "@remixicon/react";
 import PageHeader from "~/components/PageHeader.astro";
 import BaseLayout from "~/layouts/BaseLayout.astro";
 import BrandAssetCard from "./_components/BrandAssetCard.astro";

src/pages/brand-assets/index.astro

@@ -1,7 +1,7 @@
 ---
 import { Image } from "astro:assets";
 import { getEntry, render } from "astro:content";
-import { RiArrowRightLine } from "react-icons/ri";
+import { RiArrowRightLine } from "@remixicon/react";
 import Partners from "~/components/Partners.astro";
 import heroIllustration from "~/content/pages/_images/hero-form.png";
 import siteInfo from "~/data/site-info";