[Image][$1000] Improve NewDot image uploading experience, add large file support

[chiragsalian]

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. Upload an image in App

Expected Result:

The image should be grayed (opacity 0.6 i.e., chatItemUnsentMessage) until its uploaded and once its uploaded it should not show the white thumbnail with loader

and instead continue showing the local thumbnail or show the final image immediately.

Actual Result:

1. The local image is being uploaded and we see the local thumbnail,
   
2. The local image has finished uploading and now we attempt to render it which first shows up a white thumbnail with loader
   
3. The render completes and we see the uploaded image
   

Workaround:

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

Platform:

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.76
Reproducible in staging?: Y
Reproducible in production?: Y
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1654262165566879

View all open jobs on GitHub

cc @michaelhaxhiu, @cead22, @kidroca.

Issue Owner

Current Issue Owner: @NJ-2020

[melvin-bot]

Triggered auto assignment to @MitchExpensify (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[MitchExpensify]

Upwork Job