gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

Logout Button Does Not Show Hover State Unlike Delete Button

Open Beginner friendly
#527 0 comments 0 reactions 0 assignees View on GitHub
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

Research direction

Start the Enatega Web app and open Profile → Settings to compare the Delete and Logout buttons while hovering. Find the Profile → Settings UI entry point, then make the Logout control provide hover feedback consistent with Delete and verify both states in the browser.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.