38 lines
915 B
JavaScript
38 lines
915 B
JavaScript
|
/** @format */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { Component } from '@wordpress/element';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A component that loads an image, allowing images to be loaded relative to the main asset/plugin folder.
|
||
|
|
* Props are passed through to `<img />`
|
||
|
|
*/
|
||
|
|
class ImageAsset extends Component {
|
||
|
|
render() {
|
||
|
|
const { src, alt, ...restOfProps } = this.props;
|
||
|
|
let illustrationSrc = src;
|
||
|
|
|
||
|
|
if ( illustrationSrc.indexOf( '/' ) === 0 ) {
|
||
|
|
illustrationSrc = illustrationSrc.substring( 1 );
|
||
|
|
illustrationSrc = wcSettings.wcAdminAssetUrl + illustrationSrc;
|
||
|
|
}
|
||
|
|
|
||
|
|
return <img src={ illustrationSrc } alt={ alt || '' } { ...restOfProps } />;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ImageAsset.propTypes = {
|
||
|
|
/**
|
||
|
|
* Image location to pass through to `<img />`.
|
||
|
|
*/
|
||
|
|
src: PropTypes.string.isRequired,
|
||
|
|
/**
|
||
|
|
* Alt text to pass through to `<img />`.
|
||
|
|
*/
|
||
|
|
alt: PropTypes.string.isRequired,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ImageAsset;
|