balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

index.js (662B)

      1 const { Spinner } = wp.components;
      2 import ImageLoader from 'react-load-image';
      3 
      4 const placeholderImage = redux_templates.plugin + 'assets/img/reduxtemplates-medium.jpg';
      5 const spinnerStyle = {height: 120, display: 'flex', alignItems: 'top', paddingTop: '40px', justifyContent: 'center', background: '#fff'};
      6 export default function SafeImageLoad({url, alt, className}) {
      7     return (
      8         <ImageLoader src={url}>
      9             <img alt={alt} className={className} />
     10             <img src={placeholderImage} alt={alt} className={className} />
     11             <div style={spinnerStyle}>
     12                 <Spinner />
     13             </div>
     14         </ImageLoader>
     15     );
     16 
     17 }