marthaegrimaldi / marthaegrimaldi/food-ordering-application-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
- 1
- Forks
- 1
- 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 reproducing the issue in the Enatega Multivendor Restaurant App on iOS and Android: switch to Deutsche, inspect the profile status and notification buttons, then return to the homepage. Trace the profile navigation and homepage notification UI involved; done means the buttons stay aligned within their boxes and the notification button does not overlap or slide into the homepage.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100