Media library not working on Atomic private sites

[geriux]

Expected behavior

The media library should work on Atomic private sites, as well as media blocks within the block editor.

Actual behavior

The media library can't load any images showing a placeholder.

Image blocks don't work in the editor.

Media library	Block editor

Steps to reproduce the behavior

• Open the app
• Use an Atomic private site.
• Go to the media library
• Remote images should show up but placeholders are shown instead, if you open one, you get "Media could not be found" alert.
• Open the editor
• Add an Image block
• After the image is uploaded, it just show an empty space without the image.

Tested on Redmi Note 8T, Android 11, WPAndroid 20.2 (production build)

[hafizrahman]

Looked into this (during a WordCamp contribution session) and this seems to be the same issue discussed in:

Automattic/wp-calypso#41272

There is a fix implemented here Automattic/wp-calypso#41272 (comment)

However, it has trade-off where to show the images, it has to load the images in full size (instead of using Photon to generate smaller versions for display purposes). This will require more bandwith and cause slow down which probably is undesirable in a mobile app.

The related commit for WP Android is in https://github.com/wordpress-mobile/WordPress-Android/pull/3380/files