Full-Stack React Projects - Second Edition

The FollowProfileButton component

We will create a separate component for the follow button called FollowProfileButton, which will be added to the Profile component. This component will show the Follow or Unfollow button, depending on whether the current user is already a follower of the user in the profile. The FollowProfileButton component will look as follows.

mern-social/client/user/FollowProfileButton.js:

export default function FollowProfileButton (props) {  const followClick = () => {    props.onButtonClick(follow)  }  const unfollowClick = () => {    props.onButtonClick(unfollow)  }  return (<div>    { props.following       ? (<Button variant="contained" color="secondary"                   onClick={unfollowClick}>Unfollow</Button>) : (<Button variant="contained" color="primary" ...