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
/
.wp-cli
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
base
/
components
/
product-list
/
product-list-item
:
index.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import PropTypes from 'prop-types'; import classnames from 'classnames'; import { useInnerBlockLayoutContext } from '@woocommerce/shared-context'; import { withInstanceId } from '@woocommerce/base-hocs/with-instance-id'; /** * Internal dependencies */ import { renderProductLayout } from './utils'; const ProductListItem = ( { product, attributes, instanceId } ) => { const { layoutConfig } = attributes; const { parentClassName, parentName } = useInnerBlockLayoutContext(); const isLoading = Object.keys( product ).length === 0; const classes = classnames( `${ parentClassName }__product`, 'wc-block-layout', { 'is-loading': isLoading, } ); return ( <li className={ classes } aria-hidden={ isLoading }> { renderProductLayout( parentName, product, layoutConfig, instanceId ) } </li> ); }; ProductListItem.propTypes = { attributes: PropTypes.object.isRequired, product: PropTypes.object, // from withInstanceId instanceId: PropTypes.number.isRequired, }; export default withInstanceId( ProductListItem );