hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
206 stars 265 forks source link

[Enhancement]: Show Update Profile Picture Confirmation Modal on Changing Profile Picture #1079

Open Zaraorji opened 2 months ago

Zaraorji commented 2 months ago

Description

After a user has uploaded a profile picture, clicking on "Change your photo" should bring up the update profile picture confirmation modal. In this modal, the user can choose to either delete their current profile picture or upload a new one.

User Story:

As a user, I want to be able to manage my profile picture easily by choosing to either delete it or upload a new one when I click "Change your photo."

Requirements:

  1. When the user clicks "Change your photo" after uploading a picture, display the update profile picture confirmation modal.
  2. The modal should provide options to delete the current profile picture or upload a new one.

Acceptance Criteria

  1. Clicking "Change your photo" after a picture has been uploaded brings up the update profile picture confirmation modal.
  2. The user can choose to delete their current profile picture or upload a new one from the modal.

Expected Outcome:

Users are able to manage their profile picture by either deleting the existing one or uploading a new picture through the confirmation modal.

Links

| FIGMA LINK

Images

image

Zaraorji commented 2 months ago

Screen Shot 2024-08-22 at 3 30 15 AM

Zaraorji commented 2 months ago

@incredible-phoenix246 you approved and later unapproved? can I know why boss?

incredible-phoenix246 commented 2 months ago

It's approved