element-hq / element-hq/element-web

Add Save/Cancel Workflow for Profile Picture Changes

Open
#33,723 0 comments 0 reactions 0 assignees View on GitHub
A-Avatar A-User-Settings T-Enhancement X-Needs-Design
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

#### What would you like to do?
Add a draft screen with: confirmation/cancellation buttons.
#### Why would you like to do it?
So users can preview images before making a public change.
#### How would you like to achieve it?
Allow users to upload and preview a profile picture without immediately publishing it.
Add a Save changes button to apply the image.
Add a Cancel button to revert change.
Keep changes local until explicitly saved/published.

### Have you considered any alternatives?

Have a separate window open for editing/setting the image when uploaded, having a 'save' button for when done.

### Additional context

Uploaded profile pictures update publicly as soon as the upload is complete.
Rooms and spaces give you a preview, needing you to click "save" to effect change.

This separation is especially noticeable because there are no built-in editing or positioning tools to help users fine-tune the image before applying it.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.