gray-mueller / gray-mueller/restaurant-ordering-system-using-react-js

Logout Button Does Not Show Hover State Unlike Delete Button

Open Beginner friendly
#552 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 at the Enatega Web Profile → Settings screen and inspect how the Delete and Logout buttons are rendered and styled. Hover both controls to compare their behavior; done means Logout provides visible hover feedback consistent with Delete or another clear actionable-button state.

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.