From 0a0984bdbe8ffb17846282e587ce45ad2850406b Mon Sep 17 00:00:00 2001
From: louis <louis@systemli.org>
Date: Sun, 12 Nov 2023 11:38:53 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20Property=20for=20Mastodon=20P?=
 =?UTF-8?q?rofile=20URL?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/About.tsx           |  1 +
 src/components/DescriptionItem.tsx | 11 +++++++++++
 src/lib/types.ts                   |  2 ++
 3 files changed, 14 insertions(+)

diff --git a/src/components/About.tsx b/src/components/About.tsx
index b90eadb..78f82d4 100644
--- 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
index 56ccd09..f4dc82c 100644
--- 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
index 5973617..804b8fb 100644
--- 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 = {