lambertf917 / lambertf917/laundry-solution-app-react

Logout Button Does Not Show Hover State Unlike Delete Button

Open Beginner friendly
#325 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
In the Profile → Settings section, when hovering over the Delete button, it gets highlighted to indicate that it is clickable. However, the Logout button does not provide any hover feedback, making it look more like static text rather than an actionable button.

To Reproduce
Steps to reproduce the behavior:

Log in to Enatega Web.
Go to Profile → Settings.
Hover over the Delete button → It highlights.
Hover over the Logout button → No hover effect is shown.
Expected behavior
The Logout button should have a similar hover state to Delete (or another consistent visual effect) to make it clear that it is clickable.

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Enatega Web Profile → Settings implementation and inspect how the Delete and Logout buttons define their visual states. Reproduce the hover behavior in a browser, then make the Logout button provide a consistent hover effect and verify that both buttons respond visibly when hovered.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.