Ⓜ️

Author: pip-pipo

README.md

@@ -1,4 +1,7 @@
-<h1 align="center">React_social_media_platform</h1>
+<h1 align="center">
+
+[React_social_media_platform](https://laughing-swanson-750b20.netlify.app/)
+</h1>
 
 <div align="center" id="top"> 
   <img src="./src/components/Img/img.png" alt="React_codeing_social_platform" />
@@ -7,6 +10,7 @@
   <!-- <a href="https://react_codeing_social_platform.netlify.app">Demo</a> -->
 </div>
 
+## [current Version ](https://laughing-swanson-750b20.netlify.app/)
 
 <p align="center">
   <img alt="Github top language" src="https://img.shields.io/github/languages/top/pip-pipo/React_little_project?color=56BEB8">

src/components/pages/Blog.js

@@ -28,13 +28,14 @@ const Blog = () => {
                     loading ? <h2>Loading....</h2> : <div>
                         {
                             value.map((getData) => (
-                                <div className="blogsData" style={{whiteSpace:"pre-line"}} >
+                                <div className="blogsData" style={{whiteSpace:"pre-line",wordBreak:"break-word",fontFamily:"monospace"}} >
                                     <h3><span>Title: </span>{getData.title}</h3>
                                     <h5><span>Author: </span>{getData.author}</h5>
                                     <h3 ><span>Blog: </span>{getData.blog}</h3>
                                     <h5 style={{marginTop:'20px'}}><span>Tags: </span>{getData.tags}</h5>
                                     <button style={{outline:"none"}} onClick={() => deleteHandle(getData.id)}>Delete</button>
                                     <button style={{outline:"none"}}><Link to={`/editBlog/${getData.id}`} style={{textDecoration:"none" ,color:"white"}}>Edit</Link></button>
+                                 
                                 </div>
                             ))
                         }

src/components/pages/EditBlog.js

@@ -56,7 +56,7 @@ const EditBlog = () => {
             <div className="writePost">
                 <div className="writePost__wrapper">
                     <div className="writePost__first">
-                        <h3>Write a Post</h3>
+                        <h3>Edit Post</h3>
                     </div>
                     <div className="writePost__middle">
                         <h4 className="text-danger">{err ? err : ''}</h4>
@@ -69,9 +69,12 @@ const EditBlog = () => {
                             <input onChange={inputHandle} value={tags} type="text" className="form-control my-3" name="tags" placeholder="  Related Tags" />
                             <input onChange={inputHandle} value={author} type="text" className="form-control my-3" name="author" placeholder="  Author Name" />
                             <textarea rows={5} cols={5} style={{ whiteSpace: "pre-line" }} id="text-area" aria-label="Post Content" spellCheck="false" onChange={inputHandle} value={blog} type="text-area" className="form-control my-3" name="blog" placeholder="  Your Blog" />
-
+            
                             <button onClick={submitHandle}> <Link style={{ textDecoration: "none" }} to="/blog">Publish</Link> </button>
-                            <button style={{ textDecoration: "none" }} ><Link to="/welcome">Back To Profile</Link> </button>
+                            <button ><Link style={{ textDecoration: "none" }}  to="/welcome">Back To Profile</Link> </button>
+                       
+                       
+                       
                         </form>
                     </div>
                 </div>

src/components/pages/WritePost.js

@@ -32,31 +32,6 @@ const WritePost = () => {
         }
     }
 
-    // console.log(blog);
-    // const replaceData = blog;
-    // replaceData.replace(/\n/g, '<br>\n')
-    // console.log(replaceData);
-
-    // function onTestChange() {
-
-    //     var key = window.event.keyCode;
-    
-    //     // If the user has pressed enter
-    //     if (key === 13) {
-    //         const valuedata = document.getElementById("text-area").value;
-    //         valuedata.replace(/\n/g, '<br>\n')
-    //     }
-    //     else {
-    //         return true;
-    //     }
-    // }
-
-    
-    // if(blog){
-    //     const textArea = document.querySelector('#text-area');
-    //     textArea.addEventListener('keypress',onTestChange)
-    // }
-
 
     return (
         <div className="writePost">
@@ -77,7 +52,7 @@ const WritePost = () => {
                         <textarea rows={5} cols={5} style={{whiteSpace:"pre-line"}} id="text-area" aria-label="Post Content" spellCheck="false" onChange={inputHandle} value={blog} type="text-area" className="form-control my-3" name="blog" placeholder="  Your Blog" />
 
                         <button onClick={submitHandle}> <Link style={{ textDecoration: "none" }} to="/blog">Publish</Link> </button>
-                        <button style={{ textDecoration: "none" }} ><Link  to="/welcome">Back To Profile</Link> </button>
+                        <button  ><Link style={{ textDecoration:"none" }} to="/welcome">Back To Profile</Link> </button>
                     </form>
                 </div>
             </div>