Full-Stack React Projects - Second Edition

Updating the Profile component

In the Profile view, FollowProfileButton should only be shown when the user views the profile of other users, so we need to modify the condition for showing the Edit and Delete buttons when viewing a profile, as follows:

{auth.isAuthenticated().user &&       auth.isAuthenticated().user._id == values.user._id     ? (edit and delete buttons)     : (follow button)}

In the Profile component, after the user data is successfully fetched in useEffect, we will check whether the signed-in user is already following the user in the profile or not and set the following value to the respective state, as shown in the following code.

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

let following = checkFollow(data)setValues({...values, user: data, ...