From df00a8289131accc932c15fccddd526b60cddd7f Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Sun, 2 Oct 2022 00:31:27 +0500
Subject: [PATCH] post summary html parsed

---
 src/assets/styles/_posts.scss |  3 +--
 src/pages/Post.tsx            | 12 +++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/assets/styles/_posts.scss b/src/assets/styles/_posts.scss
index b6e6194..258cacd 100644
--- a/src/assets/styles/_posts.scss
+++ b/src/assets/styles/_posts.scss
@@ -270,11 +270,10 @@
       background: $base-gray;
     }
 
-    textarea {
+    p {
       background: $base-gray;
       cursor: default;
       padding: 0.6rem 1.2rem;
-      resize: none;
       font-size: 1.6rem;
       border-radius: 0.5rem;
     }
diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx
index 8522341..49fa789 100644
--- a/src/pages/Post.tsx
+++ b/src/pages/Post.tsx
@@ -21,13 +21,14 @@ const Post = () => {
   const [postData, setPostData] = useState<PostType>();
   const { posts } = useContext<ContextType>(PostContext).postValue;
   const { id } = useParams();
-
+  const parser = new DOMParser();
   useEffect(() => {
     if (posts) {
       if (posts[0].id !== -1) {
         posts.map((post: PostType) => {
           if (post.id.toString() === id) {
             setPostData(post);
+            // console.log(parser.parseFromString(post.summary, "text/xml"));
           }
         });
       }
@@ -66,10 +67,11 @@ const Post = () => {
             </div>
             <div className="post__content__block">
               <h4>Summary</h4>
-              <textarea
-                readOnly
-                value={postData ? postData.summary : ""}
-              ></textarea>
+              <p
+                dangerouslySetInnerHTML={{
+                  __html: postData ? postData.summary : "",
+                }}
+              ></p>
             </div>
             <div className="post__content__block">
               <h4>Created</h4>