fix html encoded entity in code example and article cards (github#22328)

Forkankhan · Oct 25, 2021 · 3fbda10 · 3fbda10
1 parent bf9963f
commit 3fbda10
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/landing/CodeExampleCard.tsx b/components/landing/CodeExampleCard.tsx
@@ -14,7 +14,10 @@ export const CodeExampleCard = ({ example }: Props) => {
     >
       <div className="p-4">
         <h4 dangerouslySetInnerHTML={{ __html: example.title }} />
-        <p className="mt-2 mb-4 color-text-tertiary">{example.description}</p>
+        <p
+          className="mt-2 mb-4 color-text-tertiary"
+          dangerouslySetInnerHTML={{ __html: example.description }}
+        />
         <div className="d-flex flex-wrap">
           {example.tags.map((tag) => {
             return (

diff --git a/components/sublanding/ArticleCard.tsx b/components/sublanding/ArticleCard.tsx
@@ -16,7 +16,7 @@ export const ArticleCard = ({ card, typeLabel }: Props) => {
         <div className="h6 text-uppercase" data-testid="article-card-type">
           {typeLabel}
         </div>
-        <p className="color-text-secondary my-3">{card.intro}</p>
+        <p className="color-text-secondary my-3" dangerouslySetInnerHTML={{ __html: card.intro }} />
         {card.topics.length > 0 && (
           <div>
             {card.topics.map((topic) => {