woocommerce/plugins/woocommerce-blocks/assets/js/editor-components/incompatible-extension-notice/modal.tsx

47 lines
1.1 KiB
TypeScript

/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
export const ModalContent = ( {
blockType = 'woocommerce/cart',
}: {
blockType: 'woocommerce/cart' | 'woocommerce/checkout';
} ): JSX.Element => {
if ( blockType === 'woocommerce/cart' ) {
return (
<p>
{ __(
'If you continue, the cart block will be replaced with the classic experience powered by shortcodes. This means that you may lose customizations that you made to the cart block.',
'woo-gutenberg-products-block'
) }
</p>
);
}
return (
<>
<p>
{ __(
'If you continue, the checkout block will be replaced with the classic experience powered by shortcodes. This means that you may lose:',
'woo-gutenberg-products-block'
) }
</p>
<ul className="cross-list">
<li>
{ __(
'Customizations and updates to the block',
'woo-gutenberg-products-block'
) }
</li>
<li>
{ __(
'Additional local pickup options created for the new checkout',
'woo-gutenberg-products-block'
) }
</li>
</ul>
</>
);
};