[User Settings] Allow users to modify avatar photo
See original GitHub issueIf you haven’t already, check out our contributing guidelines for onboarding!
With the new Settings > Profile page having been added, we need to add some new functionality: Allowing users to modify their avatar.
Deliverables
- Add a button with
Edit Photo
beneath the avatar on the Settings > Profile page. If this button is pressed we should display two menu options allowing the user to either add the photo or remove it. - Adding a Photo: Utilize the existing
AttachmentPicker
component to allow users to select an image to upload. On submission callPersonalDetails.setUserAvatar
- Removing a Photo: Replace the existing avatar with one of our default avatars via
getDefaultAvatar
Mobile | Web/Desktop |
---|---|
Platform:
- Web
- iOS
- Android
- Desktop App
- Mobile Web
Expensify/Expensify Issue URL: https://github.com/Expensify/Expensify/issues/154987
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (5 by maintainers)
Top Results From Across the Web
Allow Directory users to change their profile and photo
To allow users to edit their profile photos, check the Photo box. If you add a profile photo for a user, it overrides...
Read more >Enabling user pictures (avatars) | Managing users
Enabling user pictures · Navigate to Configuration > People > Account settings. · In the Personalization settings, select Enable user pictures.
Read more >How to prevent users from changing profile photos in ...
In the Policy settings, clear the Allow users to edit values for this property checkbox, scroll down and click OK. From now on,...
Read more >Configure avatar settings, image selections, or change a ...
Configure avatar settings, image selections, or change a user's avatar · Click the Change avatar link under Default avatar. The Change default user...
Read more >How to Enable or Restrict Users From Editing Profile Avatars
As a Company Admin, you can allow your staff to edit their own profile pictures, or you can disable that feature if you...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Added the icon over on the PR, but for posterity, here it is again: upload.svg.zip
The app currently doesn’t have an upload icon. When you get a chance, can you send that over? @shawnborton @michelle-thompson