Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
optometrists
/
cache
/
cache
/
cache
/
cache
/
cache
/
cache
/
cache
/
.wp-cli
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
blocks
/
cart-checkout
/
cart
/
empty-cart-edit
:
index.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { __, sprintf } from '@wordpress/i18n'; import { InnerBlocks } from '@wordpress/block-editor'; import { SHOP_URL } from '@woocommerce/block-settings'; import PropTypes from 'prop-types'; /** * Internal dependencies */ import iconDataUri from './icon-data-uri.js'; import './style.scss'; const templateItemBrowseStore = SHOP_URL ? [ 'core/paragraph', { align: 'center', content: sprintf( /* translators: %s is the link to the store product directory. */ __( '<a href="%s">Browse store</a>.', 'woocommerce' ), SHOP_URL ), dropCap: false, }, ] : null; const templateItems = [ [ 'core/image', { align: 'center', url: iconDataUri, sizeSlug: 'small', }, ], [ 'core/heading', { textAlign: 'center', content: __( 'Your cart is currently empty!', 'woocommerce' ), level: 2, className: 'wc-block-cart__empty-cart__title', }, ], templateItemBrowseStore, [ 'core/separator', { className: 'is-style-dots', }, ], [ 'core/heading', { textAlign: 'center', content: __( 'New in store', 'woocommerce' ), level: 2, }, ], [ 'woocommerce/product-new', { columns: 3, rows: 1, }, ], ].filter( Boolean ); /** * Component to handle edit mode for the Cart block when cart is empty. * * @param {Object} props Incoming props for the component. * @param {boolean} props.hidden Whether this component is hidden or not. */ const EmptyCartEdit = ( { hidden = false } ) => { return ( <div hidden={ hidden }> <InnerBlocks templateInsertUpdatesSelection={ false } template={ templateItems } /> </div> ); }; EmptyCartEdit.propTypes = { hidden: PropTypes.bool, }; export default EmptyCartEdit;