Merge pull request #547 from systemli/Add-Property-for-Bluesky-Profile-URL

✨ Add Property for Bluesky Profile URL

Author: 0x46616c6b

src/components/About.tsx

@@ -27,6 +27,7 @@ const About: FC<Props> = ({ isModal }) => {
       {ticker.information.facebook && <DescriptionItem info={ticker.information.facebook} type={DescriptionTypes.Facebook} />}
       {ticker.information.telegram && <DescriptionItem info={ticker.information.telegram} type={DescriptionTypes.Telegram} />}
       {ticker.information.mastodon && <DescriptionItem info={ticker.information.mastodon} type={DescriptionTypes.Mastodon} />}
+      {ticker.information.bluesky && <DescriptionItem info={ticker.information.bluesky} type={DescriptionTypes.Bluesky} />}
       <List.Item>
         <List.Icon name="feed" />
         <List.Content>

src/components/DescriptionItem.tsx

@@ -80,6 +80,17 @@ const DescriptionItem: FC<Props> = props => {
           </List.Content>
         </List.Item>
       )
+    case DescriptionTypes.Bluesky:
+      return (
+        <List.Item>
+          <List.Icon name="linkify" />
+          <List.Content>
+            <a href={`${props.info}`} rel="noopener noreferrer" target="_blank">
+              {props.info.replace('https://', '')}
+            </a>
+          </List.Content>
+        </List.Item>
+      )
     default:
       return null
   }

src/lib/types.ts

@@ -15,6 +15,7 @@ type TickerInformation = {
   twitter: string
   url: string
   mastodon: string
+  bluesky: string
 }
 
 export type Settings = {
@@ -40,6 +41,7 @@ export enum DescriptionTypes {
   Twitter = 'TWITTER',
   Telegram = 'TELEGRAM',
   Mastodon = 'MASTODON',
+  Bluesky = 'BLUESKY',
 }
 
 export type Message = {