%PDF- %PDF-
Direktori : /proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/blocks/rsvp/header-image/ |
Current File : //proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/blocks/rsvp/header-image/template.js |
/** * External dependencies */ import React from 'react'; import PropTypes from 'prop-types'; /** * WordPress dependencies */ import { __ } from '@wordpress/i18n'; /** * Internal dependencies */ import { ImageUpload } from '@moderntribe/common/elements'; import './style.pcss'; const RSVPHeaderImage = ( { image, isSettingsLoading, onRemove, onSelect } ) => { const imageUploadProps = { title: __( 'Ticket Header Image', 'event-tickets' ), description: __( /* eslint-disable-next-line max-len */ 'Select an image from your Media Library to display on emailed tickets and RSVPs. For best results, use a .jpg, .png, or .gif at least 1160px wide.', 'event-tickets' ), className: 'tribe-editor__rsvp__image-upload', buttonDisabled: isSettingsLoading, buttonLabel: __( 'Upload Image', 'event-tickets' ), image, onRemove, onSelect, removeButtonDisabled: isSettingsLoading, }; return <ImageUpload { ...imageUploadProps } />; }; RSVPHeaderImage.propTypes = { image: PropTypes.shape( { alt: PropTypes.string.isRequired, id: PropTypes.number.isRequired, src: PropTypes.string.isRequired, } ).isRequired, isSettingsLoading: PropTypes.bool.isRequired, onRemove: PropTypes.func.isRequired, onSelect: PropTypes.func.isRequired, }; export default RSVPHeaderImage;