Margaret-Petersen / Margaret-Petersen/uber-eats-clone-using-react-native
UI Navigation and Button Display Bugs in Enatega Multivendor Restaurant App in Deutsche Language
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When switching to the Deutsche language in the Enatega Multivendor Restaurant App, the profile navigation bar buttons, such as the status and notification buttons, appear misaligned or outside their designated boxes. This misalignment affects the overall user experience and needs to be addressed promptly to ensure consistency across languages.
Additionally, upon clicking the homepage, the notification button portion unexpectedly slides into the homepage interface, which is not intended behavior. This issue disrupts the layout of the homepage and can confuse users, leading to a suboptimal browsing experience.
To Reproduce
Launch the Enatega Multivendor Restaurant App.
Change the language to Deutsche.
Navigate to the profile section containing status and notification buttons.
Observe the misalignment of the buttons.
Return to the homepage.
Notice the notification button portion sliding into the homepage interface.
Expected behavior
The profile navigation bar buttons should remain properly aligned within their designated boxes, irrespective of the language selected.
The notification button should not overlap or slide into the homepage interface but should maintain its position and functionality as intended.
Screenshots
screen-20240307-162612.mp4
Smartphone :
Device: IOS & Android.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the Enatega Multivendor Restaurant App and switching to Deutsche, then inspect the profile navigation buttons and the homepage transition on iOS and Android. Reproduce the misalignment and notification overlap, then verify that the buttons stay inside their boxes and the notification control remains in its intended position across languages.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100