✨ Add Property for Mastodon Profile URL

systemli · Nov 12, 2023 · 0a0984b · 0a0984b
1 parent 9c132b4
commit 0a0984b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/src/components/About.tsx b/src/components/About.tsx
@@ -26,6 +26,7 @@ const About: FC<Props> = ({ isModal }) => {
       {ticker.information.twitter && <DescriptionItem info={ticker.information.twitter} type={DescriptionTypes.Twitter} />}
       {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} />}
       <List.Item>
         <List.Icon name="feed" />
         <List.Content>

diff --git a/src/components/DescriptionItem.tsx b/src/components/DescriptionItem.tsx
@@ -69,6 +69,17 @@ const DescriptionItem: FC<Props> = props => {
           </List.Content>
         </List.Item>
       )
+    case DescriptionTypes.Mastodon:
+      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
   }

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -14,6 +14,7 @@ type TickerInformation = {
   telegram: string
   twitter: string
   url: string
+  mastodon: string
 }
 
 export type Settings = {
@@ -38,6 +39,7 @@ export enum DescriptionTypes {
   Homepage = 'HOMEPAGE',
   Twitter = 'TWITTER',
   Telegram = 'TELEGRAM',
+  Mastodon = 'MASTODON',
 }
 
 export type Message = {