summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.js')
-rw-r--r--plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.js68
1 files changed, 0 insertions, 68 deletions
diff --git a/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.js b/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.js
deleted file mode 100644
index 3f80c79c..00000000
--- a/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * External dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import './product-placeholder.scss';
-import paypalImage from './paypal-button.png';
-import paypalImage2x from './paypal-button-2x.png';
-
-export default ( {
- title = '',
- content = '',
- formattedPrice = '',
- multiple = false,
- featuredMediaUrl = null,
- featuredMediaTitle = null,
-} ) => (
- <div className="jetpack-simple-payments-wrapper">
- <div className="jetpack-simple-payments-product">
- { featuredMediaUrl && (
- <div className="jetpack-simple-payments-product-image">
- <figure className="jetpack-simple-payments-image">
- <img src={ featuredMediaUrl } alt={ featuredMediaTitle } />
- </figure>
- </div>
- ) }
- <div className="jetpack-simple-payments-details">
- { title && (
- <div className="jetpack-simple-payments-title">
- <p>{ title }</p>
- </div>
- ) }
- { content && (
- <div className="jetpack-simple-payments-description">
- <p>{ content }</p>
- </div>
- ) }
- { formattedPrice && (
- <div className="jetpack-simple-payments-price">
- <p>{ formattedPrice }</p>
- </div>
- ) }
- <div className="jetpack-simple-payments-purchase-box">
- { multiple && (
- <div className="jetpack-simple-payments-items">
- <input
- className="jetpack-simple-payments-items-number"
- readOnly
- type="number"
- value="1"
- />
- </div>
- ) }
- <div className="jetpack-simple-payments-button">
- <img
- alt={ __( 'Pay with PayPal', 'jetpack' ) }
- src={ paypalImage }
- srcSet={ `${ paypalImage2x } 2x` }
- />
- </div>
- </div>
- </div>
- </div>
- </div>
-);