Changes proposed in this Pull Request
This is very much a WIP; I still need to create the videos with some more detailed annotations/text, and select a thumbnail for them, along with making sure the support links are localised etc.
This adds another card with some Gutenberg resources.
Testing instructions
Copy and paste this into client/my-sites/customer-home/locations/primary/index.jsx
/**
* External dependencies
*/
import React from 'react';
/**
* Internal dependencies
*/
import GoMobile from 'my-sites/customer-home/cards/features/go-mobile';
import ChecklistSiteSetup from 'my-sites/customer-home/cards/primary/checklist-site-setup';
import MasteringGutenberg from 'my-sites/customer-home/cards/education/mastering-gutenberg';
import QuickLinks from 'my-sites/customer-home/cards/primary/quick-links';
const cardComponents = {
'home-feature-go-mobile-phones': GoMobile,
'home-primary-checklist-site-setup': ChecklistSiteSetup,
'home-primary-quick-links': QuickLinks,
'home-education-mastering-gutenberg': MasteringGutenberg,
};
const Primary = ( { checklistMode, cards } ) => {
// Always ensure we have primary content.
if ( cards && cards.length < 1 ) {
cards = [ 'home-primary-quick-links' ];
}
return (
<div className="primary">
{ cards &&
cards.map(
( card, index ) =>
cardComponents[ card ] &&
React.createElement( cardComponents[ card ], {
key: index,
checklistMode: card === 'home-primary-checklist-site-setup' ? checklistMode : null,
} )
) }
<MasteringGutenberg />
</div>
);
};
export default Primary;
A list of links should appear. The card should not appear for sites unable to use Gutenberg.
Clicking one should open a modal with a video and a link to a support document on it. Verify that both of these work (the video should autoplay).
The card should be dismissable, but hidden if a user cannot use Gutenberg (based on the isClassicEditorForced
selector).
Fixes #39132
Unfortunately, no screenshots were provided by the developer.