JAVASCRIPT   52

index.js

Guest on 9th September 2021 04:26:27 PM

  1. /**
  2.  * External dependencies
  3.  */
  4. import { __ } from '@wordpress/i18n';
  5. import { SHOP_URL } from '@woocommerce/block-settings';
  6. import { Icon, cart } from '@woocommerce/icons';
  7.  
  8. const EmptyCart = () => {
  9.         return (
  10.                 <div className="wc-block-checkout-empty">
  11.                         <Icon
  12.                                 className="wc-block-checkout-empty__image"
  13.                                 alt=""
  14.                                 srcElement={ cart }
  15.                                 size={ 100 }
  16.                         />
  17.                         <strong className="wc-block-checkout-empty__title">
  18.                                 { __( 'Your cart is empty!', 'woocommerce' ) }
  19.                         </strong>
  20.                         <p className="wc-block-checkout-empty__description">
  21.                                 { __(
  22.                                         "Checkout is not available whilst your cart is empty—please take a look through our store and come back when you're ready to place an order."der.",
  23.                                         'woocommerce'
  24.                                 ) }
  25.                         </p>
  26.                         { SHOP_URL && (
  27.                                 <span className="wp-block-button">
  28.                                         <a href={ SHOP_URL } className="wp-block-button__link">
  29.                                                 { __( 'Browse store', 'woocommerce' ) }
  30.                                         </a>
  31.                                 </span>
  32.                         ) }
  33.                 </div>
  34.         );
  35. };
  36.  
  37. export default Empty

Raw Paste


Login or Register to edit or fork this paste. It's free.