Support clickable links in description

This commit is contained in:
Gabe Kangas 2022-09-09 23:03:49 -07:00
parent e21e7eeb74
commit 02de9cf6df
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA

View File

@ -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>