Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
blocks
/
cart-checkout-shared
/
payment-methods
/
no-payment-methods
:
index.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { Placeholder, Button, Notice } from 'wordpress-components'; import { Icon, payment } from '@wordpress/icons'; import { ADMIN_URL } from '@woocommerce/settings'; import { useEditorContext } from '@woocommerce/base-context'; import classnames from 'classnames'; /** * Internal dependencies */ import './style.scss'; /** * Render content when no payment methods are found depending on context. */ const NoPaymentMethods = () => { const { isEditor } = useEditorContext(); return isEditor ? ( <NoPaymentMethodsPlaceholder /> ) : ( <NoPaymentMethodsNotice /> ); }; /** * Renders a placeholder in the editor. */ const NoPaymentMethodsPlaceholder = () => { return ( <Placeholder icon={ <Icon icon={ payment } /> } label={ __( 'Payment methods', 'woocommerce' ) } className="wc-block-checkout__no-payment-methods-placeholder" > <span className="wc-block-checkout__no-payment-methods-placeholder-description"> { __( 'Your store does not have any payment methods that support the Checkout block. Once you have configured a compatible payment method it will be displayed here.', 'woocommerce' ) } </span> <Button isSecondary href={ `${ ADMIN_URL }admin.php?page=wc-settings&tab=checkout` } target="_blank" rel="noopener noreferrer" > { __( 'Configure Payment Methods', 'woocommerce' ) } </Button> </Placeholder> ); }; /** * Renders a notice on the frontend. */ const NoPaymentMethodsNotice = () => { return ( <Notice isDismissible={ false } className={ classnames( 'wc-block-checkout__no-payment-methods-notice', 'woocommerce-message', 'woocommerce-error' ) } > { __( 'There are no payment methods available. This may be an error on our side. Please contact us if you need any help placing your order.', 'woocommerce' ) } </Notice> ); }; export default NoPaymentMethods;