@trellixio/roaster-coffee
Version:
Beans' product component library
13 lines (12 loc) • 655 B
JavaScript
import * as React from 'react';
export const Thumbnail = React.forwardRef(({ src, alt, name, size }, ref) => {
const [error, setError] = React.useState(!src);
React.useEffect(() => {
if (!src)
setError(true);
else
setError(false);
}, [src]);
return (React.createElement("span", { ref: ref, className: "thumbnail", style: Object.assign({}, (size && { width: size, height: size })) }, error ? (React.createElement("i", { className: "fa fa-image" })) : (React.createElement("img", { src: src, alt: alt || name, title: name, onError: () => setError(true) }))));
});
Thumbnail.displayName = 'Thumbnail';