Rearrange In-App Notifications Placement on Home Page Controls

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

Nobody has claimed this yet.

Assessment

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

Research direction

Start at the Rider/Restaurant App home page and locate the controls for new orders, processing, and delivered statuses. Compare the current notification placement with the issue’s expected top-right position, then verify the revised layout on both iOS and Android.

Written by the indexing model from the issue text.

Description

Describe the bug
In the Enatega Multivendor Rider/Restaurant App, the in-app notifications related to new orders, processing, and delivered statuses are currently positioned on the left side of the controls on the home page. This placement can cause confusion and disrupt the flow of information for users. To enhance clarity and usability, it's proposed to relocate these notifications to the top-right part of the text associated with each control.

To Reproduce

Open the Enatega Multivendor Rider/Restaurant App.
Navigate to the home page.
Observe the placement of in-app notifications related to new orders, processing, and delivered statuses.
Note that these notifications are currently positioned on the left side of the controls.
Expected behavior
In the Enatega Multivendor Rider/Restaurant App, in-app notifications related to new orders, processing, and delivered statuses should be relocated to the top-right part of the text associated with each control on the home page. This adjustment will enhance clarity and ensure a more intuitive layout for users.

Screenshots

screen-20240312-135108.mp4
Smartphone (please complete the following information):

Device: IOS & Android
Additional context
Add any other context about the problem here.

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

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.

More from lambertf917/food-ordering-platform-using-react-native

All issues in lambertf917/food-ordering-platform-using-react-native

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.