From 02de9cf6dfdbf1791600cfd34cf90a1ebe3a3c5f Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 9 Sep 2022 23:03:49 -0700
Subject: [PATCH] Support clickable links in description

---
 web/components/common/ContentHeader/ContentHeader.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/common/ContentHeader/ContentHeader.tsx b/web/components/common/ContentHeader/ContentHeader.tsx
index 0fa6b55e3..9ed73a74f 100644
--- a/web/components/common/ContentHeader/ContentHeader.tsx
+++ b/web/components/common/ContentHeader/ContentHeader.tsx
@@ -1,5 +1,6 @@
 import cn from 'classnames';
 import { FC } from 'react';
+import Linkify from 'react-linkify';
 import { Logo } from '../../ui/Logo/Logo';
 import { SocialLinks } from '../../ui/SocialLinks/SocialLinks';
 import { SocialLink } from '../../../interfaces/social-link.model';
@@ -29,7 +30,9 @@ export const ContentHeader: FC<ContentHeaderProps> = ({
       </div>
       <div className={styles.titleSection}>
         <div className={cn(styles.title, styles.row)}>{name}</div>
-        <div className={cn(styles.subtitle, styles.row)}>{title || summary}</div>
+        <div className={cn(styles.subtitle, styles.row)}>
+          <Linkify>{title || summary}</Linkify>
+        </div>
         <div className={cn(styles.tagList, styles.row)}>
           {tags.length > 0 && tags.map(tag => <span key={tag}>#{tag}&nbsp;</span>)}
         </div>