From cc504b37599b13310ef5af866172232093d4d4d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= <martin.racak@ourworldindata.org>
Date: Fri, 20 Dec 2024 15:32:51 +0100
Subject: [PATCH] Add Bluesky to donation sharing options

---
 site/ThankYouPage.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/site/ThankYouPage.tsx b/site/ThankYouPage.tsx
index 6e05a7452a2..9098aafdf75 100644
--- a/site/ThankYouPage.tsx
+++ b/site/ThankYouPage.tsx
@@ -3,7 +3,11 @@ import { Head } from "./Head.js"
 import { SiteHeader } from "./SiteHeader.js"
 import { SiteFooter } from "./SiteFooter.js"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome/index.js"
-import { faFacebook, faXTwitter } from "@fortawesome/free-brands-svg-icons"
+import {
+    faBluesky,
+    faFacebook,
+    faXTwitter,
+} from "@fortawesome/free-brands-svg-icons"
 import { Html } from "./Html.js"
 
 const shareMessage =
@@ -54,6 +58,16 @@ export const ThankYouPage = (props: { baseUrl: string }) => (
                         <div className="share-message__content">
                             “{shareMessage} <a href="/donate">{donateLink}</a>”
                             <div className="share-message__buttons">
+                                <a
+                                    href={`https://bsky.app/intent/compose?text=${encodeURIComponent(
+                                        shareMessage + " " + donateLink
+                                    )}`}
+                                    className="share-message__button"
+                                    target="_blank"
+                                    rel="noopener"
+                                >
+                                    <FontAwesomeIcon icon={faBluesky} />
+                                </a>
                                 <a
                                     href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
                                         shareMessage