fix/8363: Match checkout block Place order button UI with frontend (https://github.com/woocommerce/woocommerce-blocks/pull/9094)

Co-authored-by: Niels Lange <info@nielslange.de>
This commit is contained in:
Dharmesh Patel 2023-04-19 18:39:06 +05:30 committed by GitHub
parent 114dc821ae
commit 4743d4fd93
1 changed files with 22 additions and 17 deletions

View File

@ -93,23 +93,28 @@ export const Edit = ( {
) } ) }
</InspectorControls> </InspectorControls>
<div className="wc-block-checkout__actions"> <div className="wc-block-checkout__actions">
<Noninteractive> <div className="wc-block-checkout__actions_row">
{ showReturnToCart && ( <Noninteractive>
<ReturnToCartButton { showReturnToCart && (
link={ getSetting( 'page-' + cartPageId, false ) } <ReturnToCartButton
/> link={ getSetting(
) } 'page-' + cartPageId,
</Noninteractive> false
<EditableButton ) }
className="wc-block-cart__submit-button wc-block-components-checkout-place-order-button" />
value={ placeOrderButtonLabel } ) }
placeholder={ defaultPlaceOrderButtonLabel } </Noninteractive>
onChange={ ( content ) => { <EditableButton
setAttributes( { className="wc-block-cart__submit-button wc-block-components-checkout-place-order-button"
placeOrderButtonLabel: content, value={ placeOrderButtonLabel }
} ); placeholder={ defaultPlaceOrderButtonLabel }
} } onChange={ ( content ) => {
/> setAttributes( {
placeOrderButtonLabel: content,
} );
} }
/>
</div>
</div> </div>
</div> </div>
); );