Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign Profile Picture Uploading UX #173

Draft
wants to merge 5 commits into
base: develop
Choose a base branch
from

Conversation

betsyecastro
Copy link
Contributor

@betsyecastro betsyecastro commented Nov 19, 2024

  • Added a button below the profile picture in the show view to open a modal for previewing and replacing the profile picture using the ProfilePictureEditorModal Livewire component.
  • Added a button below the header in the show view to open a modal for previewing and replacing the banner image using the BannerPictureEditorModal Livewire component.
  • This functionality enables the use of a fancy header by setting the selected banner image as the background. It also provides the option to enable the fancy_header_right feature.
  • Additionally, the modal allows users to revert to the default profile picture as the header background.

Automatically submit form after image selection, eliminating the need to manually click 'Replace Image'
@betsyecastro betsyecastro self-assigned this Nov 19, 2024
@betsyecastro betsyecastro changed the title Redesign upload profile picture process to use a Livewire component Redesign Profile Picture Uploading UX Nov 21, 2024
@betsyecastro betsyecastro added the ✨ enhancement New feature or request label Nov 21, 2024
@betsyecastro
Copy link
Contributor Author

To do:

  1. Add functional tests
  2. Realign edit banner button
  3. Fix fancy header responsiveness (separate branch)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant