gray-mueller / gray-mueller/liquor-ordering-app-node-js
"Not Verified" Button Looks Disabled in Profile Settings
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
In the Profile → Settings section, the "Not Verified" button for the mobile number looks like a disabled element due to its faded red styling. This creates confusion for users as it is unclear whether the button is clickable or just an indicator.
To Reproduce
Steps to reproduce the behavior:
Log in to Enatega Web.
Go to Profile → Settings.
Check the mobile number verification status.
Notice that the "Not Verified" button looks like a disabled state.
Expected behavior
The "Not Verified" element should either:
Look clearly clickable (styled like an actionable button to start verification), OR
Be replaced with a clear label if it is only meant to indicate status.
Desktop (please complete the following information):
OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):
Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context
Add any other context about the problem here.
Labels: Enatega Website, Bug
Contributor guide
Research direction
Start in Enatega Web at Profile → Settings and reproduce the mobile-number verification state described in the issue. Trace the existing "Not Verified" element and determine whether it is actionable or informational; done means its presentation clearly communicates that purpose without resembling a disabled control.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 62/100