I am trying to implement user profile picture upload function and display it back as the user profile. The issue I am running in is a different user when logged in will see the same profile picture as the previous user who uploads it.

I search through internet, aws-amplify website, asking support from their website, one say they are a vue guy not react :|. I asked in different groups in discord and telegram. Open issue with aws-amplify github page. I tried everything.

https://gist.github.com/totaland/fc8bfdb89cdc80fb310ac96aeb30dc0e

I have included my gist here. With the arrow (//=====>) in both the App and ProfileItem to guide you where to look for the area that I think is the issues.

What I am suspect is two things: 1) the Avatar method 2) the uploadFile method. Avatar alt="Profile Picture" src={this.props.props.imageUrl} className={classes.bigAvatar}

0 Answers