LogalDeveloper/owncast
0
Fork 0
Code Activity

Support clickable links in description

Browse Source
This commit is contained in:
Gabe Kangas
2022-09-09 23:03:49 -07:00
parent e21e7eeb74
commit 02de9cf6df
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/common/ContentHeader/ContentHeader.tsx
View File

@@ -1,5 +1,6 @@
import cn from 'classnames'; import cn from 'classnames';
import { FC } from 'react'; import { FC } from 'react';
import Linkify from 'react-linkify';
import { Logo } from '../../ui/Logo/Logo'; import { Logo } from '../../ui/Logo/Logo';
import { SocialLinks } from '../../ui/SocialLinks/SocialLinks'; import { SocialLinks } from '../../ui/SocialLinks/SocialLinks';
import { SocialLink } from '../../../interfaces/social-link.model'; import { SocialLink } from '../../../interfaces/social-link.model';
@@ -29,7 +30,9 @@ export const ContentHeader: FC<ContentHeaderProps> = ({
</div> </div>
<div className={styles.titleSection}> <div className={styles.titleSection}>
<div className={cn(styles.title, styles.row)}>{name}</div> <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)}> <div className={cn(styles.tagList, styles.row)}>
{tags.length > 0 && tags.map(tag => <span key={tag}>#{tag}&nbsp;</span>)} {tags.length > 0 && tags.map(tag => <span key={tag}>#{tag}&nbsp;</span>)}
</div> </div>