No visual feedback if thumbnail cannot be generated (e.g. image file too big)

[fabianbeier]

Describe the Bug

If an image is uploaded that is larger than the ASSETS_TRANSFORM_IMAGE_MAX_DIMENSION no thumbnail is generated in the app. If you access the file via api you do get an error message:

But in the app you only see a blank thumbnail and no image on the detail-page of the file:

It would be great if there was an error-icon as a thumbnail and a message on the detail-page (e.g. "Thumbnail cannot be shown because the image is larger than 6000px" – if that info is available to the app). In the current version Clients/Users are confused why their images are not showing up.

To Reproduce

Upload an image file that exceeds ASSETS_TRANSFORM_IMAGE_MAX_DIMENSION (default 6000px)

Errors Shown

No response

What version of Directus are you using?

9.20.4

What version of Node.js are you using?

v18.12.1

What database are you using?

SQLite

What browser are you using?

Chrome

How are you deploying Directus?

running locally

[rijkvanzanten]

Linear: ENG-139

[jay-p-b-7span]

@rijkvanzanten I have successfully solved this issue and screenshots have been attached. Please have a look.

Screnshots

PR #16843 Closes this issue.

[rijkvanzanten]

Awesome!