Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
blocks
/
products
/
all-products
:
block.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { Component } from 'react'; import PropTypes from 'prop-types'; import { ProductListContainer } from '@woocommerce/base-components/product-list'; import { InnerBlockLayoutContextProvider } from '@woocommerce/shared-context'; import { gridBlockPreview } from '@woocommerce/resource-previews'; import { StoreNoticesProvider, StoreNoticesContainer, } from '@woocommerce/base-context'; /** * The All Products Block. */ class Block extends Component { static propTypes = { /** * The attributes for this block. */ attributes: PropTypes.object.isRequired, }; render() { const { attributes, urlParameterSuffix } = this.props; if ( attributes.isPreview ) { return gridBlockPreview; } /** * Todo classes * * wp-block-{$this->block_name}, * wc-block-{$this->block_name}, */ return ( <InnerBlockLayoutContextProvider parentName="woocommerce/all-products" parentClassName="wc-block-grid" > <StoreNoticesProvider> <StoreNoticesContainer context={ 'wc/all-products' } /> </StoreNoticesProvider> <ProductListContainer attributes={ attributes } urlParameterSuffix={ urlParameterSuffix } /> </InnerBlockLayoutContextProvider> ); } } export default Block;