From 18d960962a087946bd00c121cd2330022bd27cf8 Mon Sep 17 00:00:00 2001
From: Darshan Bajgain <darshanbajgain90@gmail.com>
Date: Sun, 8 Oct 2023 20:39:18 +0545
Subject: [PATCH] no effects

---
 package-lock.json                             |  9 ++++++++
 package.json                                  |  1 +
 src/components/BlogContent.jsx                | 21 ++++++++++++-------
 src/components/index.js                       |  2 +-
 .../api/blog/content-types/blog/schema.json   |  2 +-
 5 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 00251cd..96e0063 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "markdown-it": "^13.0.2",
+        "markdown-parser-react": "^1.1.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.11.0",
@@ -3220,6 +3221,14 @@
         "markdown-it": "bin/markdown-it.js"
       }
     },
+    "node_modules/markdown-parser-react": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/markdown-parser-react/-/markdown-parser-react-1.1.2.tgz",
+      "integrity": "sha512-MNLHekU1xOwKZLJK4NMWJDL9pNnJdKx2jdsHfAF4+Y5rF4tD/S/OuNehd4X46/KcJzBfas19pePVcwQoibpeNg==",
+      "dependencies": {
+        "react": "^18.2.0"
+      }
+    },
     "node_modules/mdast-util-from-markdown": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.0.tgz",
diff --git a/package.json b/package.json
index 97a3f81..4519a5c 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "markdown-it": "^13.0.2",
+    "markdown-parser-react": "^1.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.11.0",
diff --git a/src/components/BlogContent.jsx b/src/components/BlogContent.jsx
index 6491af5..b855d8b 100644
--- a/src/components/BlogContent.jsx
+++ b/src/components/BlogContent.jsx
@@ -1,17 +1,21 @@
 import { useParams } from 'react-router-dom';
 import ReactMarkdown from 'react-markdown';
 
+
+
 const BlogContent = ({ blogsData }) => {
-    
+
+    console.log(blogsData);
     const { id } = useParams();
 
-    let blog ={}
-    if (blog){
+    let blog = {}
+    if (blog) {
         let arr = blogsData.data.filter(blog => blog.id == id)
         blog = arr[0];
+        console.log(blog.attributes.blogContent);
     }
     else {
-        blog={};
+        blog = {};
     }
 
 
@@ -87,15 +91,16 @@ const BlogContent = ({ blogsData }) => {
         <div className="w-full py-16 px-8 relative bg-gray-800">
             <div className='max-w-[1340px] mx-auto pt-24'>
                 <div className="flex flex-col items-center">
-                    <h1 className="md:text-4xl text-2xl text-white font-bold mb-4 p-2">{blog.title}</h1>
+                    <h1 className="md:text-4xl text-2xl text-white font-bold mb-4 p-2">{blog.attributes.blogTitle}</h1>
                     <div className="max-w-full md:max-w-2xl">
                         <img className='w-full h-auto mb-4' src={`http://localhost:1337${blog.attributes.coverImg.data.attributes.url}`} alt={blog.attributes.blogTitle} />
                     </div>
                     <div className="pt-4 lg:px-12 text-white">
-                        <ReactMarkdown>
-                        {blog.attributes.blogContent}
+
+                        <ReactMarkdown className='line-break'>
+                            {blog.attributes.blogContent}
                         </ReactMarkdown>
-                     
+
                         <div className="flex flex-col items-center max-w-[400px] mx-auto py-6 bg-slate-800 rounded-2xl mt-8">
                             <img
                                 className="w-16 h-16 rounded-full mb-2"
diff --git a/src/components/index.js b/src/components/index.js
index 8f93ba5..151cb6a 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,7 +1,7 @@
 import Navbar from "./Navbar";
 import Blogs from "./Blogs";
 import Footer from "./Footer";
-import BlogContent from "./BlogContent";
+import BlogContent from "./BlogContent.jsx";
 
 export {
     Navbar, 
diff --git a/strapi/src/api/blog/content-types/blog/schema.json b/strapi/src/api/blog/content-types/blog/schema.json
index f603386..ab62069 100644
--- a/strapi/src/api/blog/content-types/blog/schema.json
+++ b/strapi/src/api/blog/content-types/blog/schema.json
@@ -30,7 +30,7 @@
       "type": "string"
     },
     "blogContent": {
-      "type": "markdown"
+      "type": "richtext"
     },
     "author": {
       "type": "string"