[Awaiting C+ offer acceptance] [$500] [MEDIUM] Distance: Improve the delay in the map image showing within the distance request preview on creation

[trjExpensify]

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

---

Action Performed:

1. Global create > request money > distance
2. Enter a start/finish address > next > request
3. Observe the empty state receipt preview
4. Wait 4-5s
5. Observe the receipt preview update to the map thumbnail

Expected Result:

Minimal delay if any in the UI to display the map route. @neil-marcellini had a suggestion to take a snapshot of the route image, or render the route map until the response comes back.

Actual Result:

The response takes a little while and so it's super noticeable that we're waiting on the API request to return the map image. As a result we have this less than premium experience whereby:

1. You see a thumbnail of the map pre creation on the confirmation screen
2. Click request and it turns into a green empty state preview for 4-5s
3. Then it updates and the map route is shown again

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native
• Android / Chrome
• iOS / native
• iOS / Safari
• MacOS / Chrome / Safari
• MacOS / Desktop

Version Number: v1.3.78-1
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

mWhZCXcjT7.mp4

Expensify/Expensify Issue URL:
Issue reported by: @trjExpensify
Slack conversation:

View all open jobs on GitHub

CC: @JmillsExpensify

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01fab7e23c87b42e3c
• Upwork Job ID: 1710051983554887680
• Last Price Increase: 2024-01-08
• Automatic offers:
• aimane-chnaif | Reviewer | 28097325
• shubham1206agra | Contributor | 28097326

Issue Owner

Current Issue Owner: @trjExpensify

[melvin-bot]

Current assignee @trjExpensify is eligible for the NewFeature assigner, not assigning anyone new.

[melvin-bot]

Current assignee @trjExpensify is eligible for the Bug assigner, not assigning anyone new.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~01fab7e23c87b42e3c

[melvin-bot]

Bug0 Triage Checklist (Main S/O)

• This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
• This bug is not a duplicate report (check E/App issues and #expensify-bugs)
  • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
• This bug is reproducible using the reproduction steps in the OP. S/O
  • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
  • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
• This issue is filled out as thoroughly and clearly as possible
  • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
• I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync