dev-launchers / dev-launchers-platform

Monorepo for all DevLaunchers internal products and libraries used by the official platform
https://devlaunchers.org
GNU General Public License v3.0
39 stars 30 forks source link

[DEV][User Profile][Edit Profile Modal][Photo Page][2] — [UI & Function] Photo Uploader Page #1697

Open judeamos opened 4 months ago

judeamos commented 4 months ago

As a dev launchers user I want to update my profile picture So that my picture is more professional.

Given I am on the Photo tab page of the Edit Profile modal, When I click “Change”, Then the Upload Screen will appear.

Figma Design:

edit_photo_upload_photo.png
judeamos commented 4 months ago

What you need to do:

  1. Create a new component in EditProfileModal folder called PhotoUploader.
  2. Develop the UI
  3. Add button functionality to the "Change" button to show this EditProfileModal component when its clicked
  4. Add functionality to the "Cancel" button that returns the user back to the default Photo page.