Merge pull request #1878 from whitep4nth3r/add-bsky-support

Add support for bluesky urls with one test case

src/components/Person.js

@@ -106,6 +106,19 @@ export default function Person({ person }) {
             </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>
   );

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: `@[email protected]`)
+ * @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',