Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
optometrists
/
cache
/
cache
/
.wp-cli
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
base
/
components
/
cart-checkout
/
order-summary
:
index.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { __ } from '@wordpress/i18n'; import PropTypes from 'prop-types'; import { useContainerWidthContext } from '@woocommerce/base-context'; import { Panel } from '@woocommerce/blocks-checkout'; /** * Internal dependencies */ import OrderSummaryItem from './order-summary-item.js'; import './style.scss'; const OrderSummary = ( { cartItems = [] } ) => { const { isLarge, hasContainerWidth } = useContainerWidthContext(); if ( ! hasContainerWidth ) { return null; } return ( <Panel className="wc-block-components-order-summary" initialOpen={ isLarge } hasBorder={ true } title={ <span className="wc-block-components-order-summary__button-text"> { __( 'Order summary', 'woocommerce' ) } </span> } titleTag="h2" > <div className="wc-block-components-order-summary__content"> { cartItems.map( ( cartItem ) => { return ( <OrderSummaryItem key={ cartItem.key } cartItem={ cartItem } /> ); } ) } </div> </Panel> ); }; OrderSummary.propTypes = { cartItems: PropTypes.arrayOf( PropTypes.shape( { key: PropTypes.string.isRequired } ) ), }; export default OrderSummary;