%PDF-
%PDF-
Mini Shell
Mini Shell
/**
* 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;
Zerion Mini Shell 1.0