Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create indicator to show content is syncing

See original GitHub issue

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

This project will add a syncing indicator to the User icon in order to show that the app is still refreshing with the most recent information.

You’ll use a pre-existing Onyx key to hook into the API loading state (relevant API information here) and display a syncing indicator on the User icon as per the Expected Results below.

Expected Result:

While the app is syncing, the small green availability indicator (AvatarWithIndicator) should grow in size and a small syncing icon should appear:

When the loading is complete, the icon should return to a regular green dot.

Actual Result:

Currently, there is no UI change when the app is syncing.

Action Performed:

Install and log into the Expensify.cash mobile app
Close the app and wait long enough that new information should need to sync
Open the app to observe the behaviour that is occurring while syncing

Platform:

Where is this issue occurring?

Web
iOS
Android
Desktop App
Mobile Web

Version Number: v.1.011 Logs: N/A Notes/Photos/Videos: Additional context from original issue: when I open up the mobile app it shows that I’m connected and shows all of the content downloaded locally which is great, but I always know I need to wait a couple seconds because it’s in the process of synchronizing down new content. It would be nice if it shows some kind of feedback indicating that it is in the process of actively reconnecting, so I know when I can stop waiting. I’m thinking some kind of animation around the Green Dot, or even just making the Green Dot blink or something. At this point the app is functional and you can click around, but its content is potentially out of date. I wouldn’t want to introduce additional seconds into the startup process while waiting to complete synchronization.

Expensify/Expensify Issue URL: https://github.com/Expensify/Expensify/issues/159767

View all open jobs on Upwork