Merge pull request #406 from systemli/show-telegram-link

✨ Show Telegram Link in Description
systemli · Oct 6, 2022 · 2ea1688 · 2ea1688
2 parents 7a1e01f + 46cfc18
commit 2ea1688
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 8 deletions.
diff --git a/src/components/About.tsx b/src/components/About.tsx
@@ -43,6 +43,12 @@ const About: FC<Props> = props => {
           type={DescriptionTypes.Facebook}
         />
       )}
+      {props.ticker.information.telegram && (
+        <DescriptionItem
+          info={props.ticker.information.telegram}
+          type={DescriptionTypes.Telegram}
+        />
+      )}
     </List>
   )
 

diff --git a/src/components/DescriptionItem.tsx b/src/components/DescriptionItem.tsx
@@ -21,12 +21,7 @@ const DescriptionItem: FC<Props> = props => {
         <List.Item>
           <List.Icon name="mail" />
           <List.Content>
-            <a
-              href={`mailto:
-                                    ${props.info}`}
-            >
-              {props.info}
-            </a>
+            <a href={`mailto:${props.info}`}>{props.info}</a>
           </List.Content>
         </List.Item>
       )
@@ -50,7 +45,9 @@ const DescriptionItem: FC<Props> = props => {
         <List.Item>
           <List.Icon name="linkify" />
           <List.Content>
-            <a href={props.info}>{props.info}</a>
+            <a href={props.info} rel="noopener noreferrer" target="_blank">
+              {props.info}
+            </a>
           </List.Content>
         </List.Item>
       )
@@ -59,7 +56,28 @@ const DescriptionItem: FC<Props> = props => {
         <List.Item>
           <List.Icon name="twitter" />
           <List.Content>
-            <a href={`https://twitter.com/${props.info}`}>@{props.info}</a>
+            <a
+              href={`https://twitter.com/${props.info}`}
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              @{props.info}
+            </a>
+          </List.Content>
+        </List.Item>
+      )
+    case DescriptionTypes.Telegram:
+      return (
+        <List.Item>
+          <List.Icon name="telegram" />
+          <List.Content>
+            <a
+              href={`https://t.me/${props.info}`}
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              @{props.info}
+            </a>
           </List.Content>
         </List.Item>
       )

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -12,6 +12,7 @@ type TickerInformation = {
   author: string
   email: string
   facebook: string
+  telegram: string
   twitter: string
   url: string
 }
@@ -37,6 +38,7 @@ export enum DescriptionTypes {
   Facebook = 'FACEBOOK',
   Homepage = 'HOMEPAGE',
   Twitter = 'TWITTER',
+  Telegram = 'TELEGRAM',
 }
 
 export type Message = {