Merge pull request #104 from vladh/main

Add Bluesky and Mastodon to footer

Author: pimterry

src/components/elements/icon/custom/bluesky.svg

@@ -20,6 +20,8 @@ import ShippingFast from './shipping-fast.svg';
 import SquareJSLogo from './square-js-logo.svg';
 import TwitterX from './twitter-x.svg';
 import YCombinator from './ycombinator-logo.svg';
+import Bluesky from './bluesky.svg';
+import Mastodon from './mastodon.svg';
 
 export {
   AppleLogo,
@@ -44,4 +46,6 @@ export {
   SquareJSLogo,
   TwitterX,
   YCombinator,
+  Bluesky,
+  Mastodon,
 };

src/components/elements/icon/custom/index.ts

@@ -70,6 +70,8 @@ import {
   ChromeLogo,
   YCombinator,
   ProductHuntLogo,
+  Bluesky,
+  Mastodon,
 } from './custom';
 
 export {
@@ -139,5 +141,7 @@ export {
   Trash,
   XLogo,
   CrosshairSimple,
-  DeviceMobile
+  DeviceMobile,
+  Bluesky,
+  Mastodon,
 };

src/components/elements/icon/custom/mastodon.svg

@@ -11,7 +11,7 @@ import {
 } from './footer.styles';
 
 import { Container } from '@/components/elements/container';
-import { Github, HalfColoredLogo, TwitterX } from '@/components/elements/icon';
+import { Github, HalfColoredLogo, TwitterX, Bluesky, Mastodon } from '@/components/elements/icon';
 import { Link } from '@/components/elements/link';
 import { SquareIcon } from '@/components/elements/square-icon';
 import Stack from '@/components/elements/stack';
@@ -50,6 +50,12 @@ export const Footer = ({ withoutNewsletter }: FooterProps) => {
                 <Link href="https://github.com/httptoolkit" title="Github" aria-label="Github">
                   <SquareIcon $size="small" icon={Github} />
                 </Link>
+                <Link href="https://bsky.app/profile/httptoolkit.com" title="Bluesky" aria-label="Bluesky">
+                  <SquareIcon $size="small" icon={Bluesky} />
+                </Link>
+                <Link href="https://mastodon.social/@httptoolkit" title="Mastodon" aria-label="Mastodon">
+                  <SquareIcon $size="small" icon={Mastodon} />
+                </Link>
                 <Link href="https://twitter.com/httptoolkit" title="Twitter" aria-label="Twitter">
                   <SquareIcon $size="small" icon={TwitterX} />
                 </Link>