fix(Intro): description check for HTML (#727)

* fix: intro description check for HTML * chore: add changeset
hashicorp · Sep 28, 2022 · eff7596 · eff7596 · vercel · Sep 28, 2022
1 parent 802a596
commit eff7596
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/rare-plums-crash.md b/.changeset/rare-plums-crash.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-intro': patch
+---
+
+Use regex to detect HTML in the description
diff --git a/packages/intro/index.tsx b/packages/intro/index.tsx
@@ -3,6 +3,8 @@ import type { IntroProps } from './types'
 import Actions from '@hashicorp/react-actions'
 import s from './style.module.css'
 
+const containsHTML = (str: string) => /<[a-z][\s\S]*>/i.test(str)
+
 export default function Intro({
   appearance = 'light',
   textAlignment = 'left',
@@ -29,7 +31,7 @@ export default function Intro({
       <HeadingElement className={classNames(s.heading, headingSizeClassname)}>
         {heading}
       </HeadingElement>
-      {description.includes('<p>') ? (
+      {containsHTML(description) ? (
         <div
           dangerouslySetInnerHTML={{
             __html: description,