[Mobile] Cover: Adds Clear media button in block settings

[antonis]

Fixes #23789 (parent wordpress-mobile/gutenberg-mobile#2275)

Related PRs:

• Gutenberg-Mobile Cover: Adds Clear media button in block settings wordpress-mobile/gutenberg-mobile#2489
• Create cover block with only colour from a default palette [Mobile] Create cover block with only colour (from a default palette) without an image #23833
• Create cover block with custom colour [Mobile] Create cover block with custom colour (without an image) #23870
• Media Button when only colour is selected [Mobile] Cover: Add Media Button when only colour is selected #23878

Description

Adds Clear media button in block settings

How has this been tested?

• Add a cover block
• Press the ADD IMAGE OR VIDEO button and select a media
• Tap on the block settings
• Verify that there is a clear media button that removes the set image

Screenshots

With set media	Without set media

Types of changes

Enhancement

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[antonis]

Hello @iamthomasbishop 👋 ,
I started implementing this following your second suggestion.

The other place we might want to consider showing this option is in the block settings sheet. We obviously don't have any media-related settings in the sheet yet, but I think there was some discussion about adding focal point and other items soon, so I would put this "clear media" button nearby those items (similar to web).

Please let me know if you agree with this or if I should add this to the menu appearing on long-press.

[iamthomasbishop]

@antonis looks good, just one request - can we align the "clear media" text label to the left of the cell? Normally I'd center the button like that, but it looks a bit "lonely" in this context. 😀

[antonis]

Thank you for the prompt feedback @iamthomasbishop. I updated the PR

[geriux]

Hey @antonis 👋

While testing I think I found a small bug, when I tap on Clear media it clears the media successfully but the bottom sheet remains open:

[antonis]

Thank you for your feedback @geriux 🙇
I agree with your suggestions. I submitted the changes along with the bug fix leaving the bottom sheet open.

[geriux]

LGTM! Nice work @antonis! 🚀 Tested it on both iOS and Android.