From ddaed0557d3e862aecc18133abb1d0e7d1ddf635 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 26 Mar 2024 16:57:24 +0300
Subject: [PATCH] Fixed topic body render (#429)

Fixed topic body render
---
 src/components/Topic/Full.tsx                  | 2 +-
 src/components/Topic/TopicBadge/TopicBadge.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Topic/Full.tsx b/src/components/Topic/Full.tsx
index 492a9113..5e22aed1 100644
--- a/src/components/Topic/Full.tsx
+++ b/src/components/Topic/Full.tsx
@@ -40,7 +40,7 @@ export const FullTopic = (props: Props) => {
   return (
     <div class={clsx(styles.topicHeader, 'col-md-16 col-lg-12 offset-md-4 offset-lg-6')}>
       <h1>#{props.topic?.title}</h1>
-      <p>{props.topic?.body}</p>
+      <p innerHTML={props.topic?.body} />
       <div class={clsx(styles.topicActions)}>
         <Button
           variant="primary"
diff --git a/src/components/Topic/TopicBadge/TopicBadge.tsx b/src/components/Topic/TopicBadge/TopicBadge.tsx
index c2679b1e..2fdf9c65 100644
--- a/src/components/Topic/TopicBadge/TopicBadge.tsx
+++ b/src/components/Topic/TopicBadge/TopicBadge.tsx
@@ -79,7 +79,7 @@ export const TopicBadge = (props: Props) => {
                 </div>
               }
             >
-              <div class={clsx('text-truncate', styles.description)}>{props.topic.body}</div>
+              <div innerHTML={props.topic.body} class={clsx('text-truncate', styles.description)} />
             </Show>
           </a>
         </div>