Hide avatar placeholder on Author block when not in use

[AnthonyLedesma]

Closes #1050

An issue here is that the child block core/button does not store a prop of isSelected. Reading props by using the following:

const childButton = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ].innerBlocks[ 0 ];

Any ideas on how to conditionally show when the core/button is selected?

[jrtashjian]

Any ideas on how to conditionally show when the core/button is selected?

Look at how I detected innerBlocks being selected in the Food and Drinks block. Button blocks do have an isSelected attribute applied (all blocks should) so this should work for you:

https://github.com/godaddy/coblocks/blob/master/src/blocks/food-and-drinks/edit.js#L224-L233

Changes made.

[AnthonyLedesma]

Here is the updated behavior after implementing the suggested changes.

[richtabor]

Currently the dropZone is not available unless there's an image already there - or it's selected. Let's make the dropZone available at all times.

[AnthonyLedesma]

@richtabor Made the suggested change. Now dropZone is available at all times. Also added the necessary logic to persist the image when it exists.

[richtabor]

@jrtashjian Mind taking another peek at this one? Thanks!