Try a transform from Featured Product to Cover

[ryelle]

Fixes #295 – Gutenberg's updates to the Cover block have merged, and should be released in v 5.3 of Gutenberg. That update captures the work we wanted to do with the "Call to Action" block, so this PR adds a transform from our Featured Product into the new Cover block. All customizations except for height should be mapped over.

Currently this is blocked by a technical problem– how to get the data from the API? I can't use an async function because the way this is called, it doesn't wait around for the resolution.

To do:

• Don't allow the transform if we're not at GB 5.3+
• Get real product data into the transform

Screenshots

Before (Featured Product block)

Picking the transform:

After (Cover block)

("with links" text is there ^ it's just blending into the background – you can see the non-link white period at the end of the line)

How to test the changes in this Pull Request:

1. Add a Featured Product to you post/page
2. Click the block icon, this will give you the option to transform to the Cover block.
3. Click the cover icon to do the transform.
4. Expect: All your showing content should be included in the cover block. Now you can edit the text content as well as the button 👍

Try the above flow a few times, with various customizations on Featured Product– custom image, background color, overlay opacity, button text, color, link…

Test

[mikejolley]

#295 (comment)