hngprojects / hng_boilerplate_nextjs

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

Fix: Implemented edit indicator when hovering over profile Icon in se… #1443

Closed Vaden89 closed 1 month ago

Vaden89 commented 2 months ago

…ttings

Description

Closes #1381 Closes #1401

Changes proposed

What were you told to do?

Enhance the user experience by adding a camera icon to the circle profile picture placeholder. This icon should appear when users hover over or click the profile picture, indicating that they can upload or change their profile picture. The goal is to provide a clear, intuitive interface for users to update their profile images. Profile setup information is not being saved after completion, resulting in an "invalid URL" error message even when all social media URLs are correct. We're all mostly on our mobile devices and should be able to navigate the boilerplate with it.

What did you do?

The camera icon appears centred within the circle profile picture when the user hovers over or clicks on the profile picture placeholder. User profile information is saved successfully upon completion of the setup process. There are no error messages related to invalid URLs when all URLs are accurate

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

Screenshots/Videos

Screenshot (87)

github-actions[bot] commented 2 months ago

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 14.67% 785 / 5349
🔵 Statements 14.35% 787 / 5481
🔵 Functions 14.18% 215 / 1516
🔵 Branches 9.93% 230 / 2314
File CoverageNo changed files found.
Generated in workflow #412