gray-mueller / gray-mueller/milk-delivery-app-react

Rearrange In-App Notifications Placement on Home Page Controls

Open
#244 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

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.

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.

Research direction

Start by running the Enatega Multivendor Rider/Restaurant App and inspecting the home page controls for new orders, processing, and delivered statuses. Identify the notification elements and verify on iOS and Android that each appears at the top-right of its associated control text without disrupting the layout.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.