lambertf917 / lambertf917/react-native-uber-eats-clone

Enatega Customer Application : Add a pull down refresh loader on all screen while there is an internet connectivity issue.

Open
#1,098 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Describe the bug
On restaurant screen and discovery screen, when the internet connection is lost these screens showing a still message 'Something went wrong'. There add a pull down refresh loader to reload the content.

To Reproduce
Steps to reproduce the behavior:

Go to 'Enatega Customer Application'
Now turn off the wifi.
See error , the screen with a still message 'Something went wrong'.
Expected behavior

Pull-Down Refresh Gesture:
Users should be able to swipe down on the screen to trigger a refresh.
A loader/spinner should appear, indicating that the app is attempting to reload content.

Retry Fetching Data:
On pull-down, the app should check the internet connection and attempt to reload the restaurant and discovery data.
Error Handling:

If the internet is restored, the content should load successfully.
If the connection is still lost, an updated message (e.g., "No internet connection. Pull down to retry.") should be displayed.

Screenshots

Screen_Recording_20250130_114834.mp4
Smartphone (please complete the following information):

Device: [e.g. Infinix Hot 50]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. Latest]

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 locating the restaurant and discovery screens and the current handling for the "Something went wrong" state. Reproduce the offline case, then verify that pull-down refresh shows a loader, retries both data sets, and displays an updated retry message when connectivity remains unavailable.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.