From 03c74f47321891e6cb2ebf4e3760102d2dc4c5ef Mon Sep 17 00:00:00 2001
From: Salma Alam-Naylor <whitep4nth3r@gmail.com>
Date: Fri, 15 Nov 2024 12:23:39 +0000
Subject: [PATCH] Add support for bluesky urls with one test case

---
 src/components/Person.js | 18 ++++++++++++++----
 src/data.js              |  3 ++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Person.js b/src/components/Person.js
index 6190444a..09cfcf0b 100644
--- a/src/components/Person.js
+++ b/src/components/Person.js
@@ -96,16 +96,26 @@ export default function Person({ person }) {
         {/* If they have a mastodon, and no twitter, show that */}
         {person.mastodon && !person.twitter && (
           <div className="SocialHandle">
-            <a
-              href={`https://${mastodonServer}/@${mastodonHandle}`}
+            <a href={`https://${mastodonServer}/@${mastodonHandle}`} 
               target="_blank"
-              rel="noopener noreferrer"
-            >
+              rel="noopener noreferrer">
               <span className="at">@</span>
               {mastodonHandle}
             </a>
           </div>
         )}
+
+        {/* If they have a bluesky, and no mastodon and no twitter, show that */}
+        {person.bluesky && !person.mastodon && !person.twitter && (
+          <div className="SocialHandle">
+            <a href={`https://bsky.app/profile/${person.bluesky}`} 
+              target="_blank"
+              rel="noopener noreferrer">
+              <span className="at">@</span>
+              {person.bluesky}
+            </a>
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/src/data.js b/src/data.js
index 71efba1f..45f2c3d4 100644
--- a/src/data.js
+++ b/src/data.js
@@ -8,6 +8,7 @@
  * @property {string} country - flag emoji for contributor's country
  * @property {string} [twitter] - optional Twitter username (beginning with `@`)
  * @property {string} [mastodon] - optional Mastodon username & server (beginning with `@`, ex: `@hello@mastodon.social`)
+ * @property {string} [bluesky] - optional Bluesky (bsky.app) handle (do not use `@`)
  * @property {string} [emoji] - some emoji corresponding to the contributor
  * @property {'apple' | 'windows' | 'linux' | 'bsd'} [computer]
  * @property {'iphone' | 'android' | 'windowsphone' | 'flipphone'} [phone]
@@ -3844,7 +3845,7 @@ module.exports = [
     name: 'Salma Alam-Naylor',
     description: 'I write code for your entertainment.',
     url: 'https://whitep4nth3r.com/uses',
-    twitter: '@whitep4nth3r',
+    bluesky: 'whitep4nth3r.com',
     emoji: '⚡️',
     country: '🇬🇧',
     computer: 'apple',