Requested changes

Author: AuraOfDivinity

src/user/profile/ReadMe.js

@@ -27,11 +27,7 @@ class ReadMe extends Component {
   }
 
   componentDidMount() {
-    this.props.getProfile();
-  }
-
-  componentWillReceiveProps(nextProps) {
-    const { userProfile } = nextProps.user;
+    const  userProfile  = this.props.userProfile;
     const about = userProfile.info?.about;
     let longDescription = true;
     if (!about.hasOwnProperty("longDescription")) {

src/user/profile/content/PostContent.js

@@ -4,6 +4,7 @@ import "./PostContent.scss";
 import { connect } from "react-redux";
 import parse from "html-react-parser";
 import { getAllCommentsOfPost } from "../../../actions/commentAction";
+import userIcon2 from '../../../images/userIcon2.jpg'
 
 class PostContent extends Component {
   constructor(props) {
@@ -56,13 +57,13 @@ class PostContent extends Component {
                 <div className="user-post-info">
                   <div className="user-thumb">
                     <img
-                      src="https://randomuser.me/api/portraits/med/men/75.jpg"
+                      src={userIcon2}
                       className="img-responsive"
                     />
                   </div>
                   <div className="user-information">
-                    <p>{`${post.userId?.name.firstName} ${post.userId?.name.lastName}`}</p>
-                    <small>{post.createdAt}</small>
+                    <p>{`${post?.userId?.name.firstName} ${post?.userId?.name.lastName}`}</p>
+                    <small>{post?.createdAt}</small>
                   </div>
                 </div>
                 <div className="post-action">
@@ -71,7 +72,7 @@ class PostContent extends Component {
               </div>
 
               <div className="content-card-body simple-text-card">
-                <p>{post.content}</p>
+                <p>{post?.content}</p>
               </div>
             </div>
 
@@ -101,7 +102,7 @@ class PostContent extends Component {
               <div className="comment-input-holder">
                 <div className="user-thumb">
                   <img
-                    src="https://randomuser.me/api/portraits/med/men/75.jpg"
+                    src={userIcon2}
                     className="img-responsive"
                   />
                 </div>
@@ -119,7 +120,7 @@ class PostContent extends Component {
                     <div className="comment-item" key={index}>
                       <div className="user-icon">
                         <img
-                          src="https://randomuser.me/api/portraits/med/men/75.jpg"
+                          src={userIcon2}
                           className="img-responsive"
                           style={{ borderRadius: "50%" }}
                         />

src/user/profile/profile-feed.js

@@ -2,7 +2,6 @@ import React, { Component } from "react";
 import "./profile-feed.scss";
 import {
   FaComments,
-  FaThumbtack,
   FaGlobe,
   FaStickyNote,
   FaCalendar,
@@ -53,17 +52,18 @@ class ProfileFeed extends Component {
   }
 
   componentWillReceiveProps(nextProps) {
-    const { userEvents, userProjects, userPosts } = nextProps.user;
+    const { userEvents, userProjects, userPosts, userProfile } = nextProps.user;
 
     this.setState(
       {
         userProfile: nextProps.user?.userProfile,
         userEvents: userEvents,
         userProjects: userProjects,
         userPosts: userPosts,
+        longDescription: userProfile?.info?.about?.longDescription
       },
       () => {
-        console.log(this.state.userPosts);
+        console.log(this.state.longDescription);
       }
     );
   }
@@ -128,7 +128,8 @@ class ProfileFeed extends Component {
       );
     });
 
-    const posts = userPosts.map((post, index) => {
+    const posts = 
+    userPosts.map((post, index) => {
       return (
         <div
           className="postItem"
@@ -141,7 +142,7 @@ class ProfileFeed extends Component {
               </div>
               <div className="titleDetails">
                 <div className="postTitle">
-                  {`${post.userId.name.firstName} ${post.userId.name.lastName}`}
+                  {`${post?.userId.name.firstName} ${post?.userId.name.lastName}`}
                 </div>
                 <dic className="postDate">{post.createdAt}</dic>
               </div>
@@ -156,6 +157,7 @@ class ProfileFeed extends Component {
     });
 
     const overviewContent = [...posts, ...events];
+    const {longDescription}= this.state
 
     return (
       <div>
@@ -214,7 +216,7 @@ class ProfileFeed extends Component {
           </div>
         </div>
         <div className="postsContainer">
-          {type === "ReadMe" ? <ReadMe /> : null}
+          {type === "ReadMe" ? <ReadMe userProfile={userProfile}/> : null}
           <div className="gridContainer">
             {type === "All" ? overviewContent : null}
             {type === "Event" ? events : null}