29 lines
677 B
JavaScript
29 lines
677 B
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
|
|
import EmptyImg from "../../../img/noimage.png";
|
|
|
|
const Poster = ({ url, selected, onClick, onDoubleClick }) => {
|
|
const className = selected
|
|
? "border-primary thumbnail-selected"
|
|
: "border-secondary";
|
|
const src = url === "" ? EmptyImg : url;
|
|
|
|
return (
|
|
<img
|
|
src={src}
|
|
onClick={onClick}
|
|
onDoubleClick={onDoubleClick}
|
|
className={`my-1 m-md-2 img-thumbnail object-fit-cover ${className}`}
|
|
/>
|
|
);
|
|
};
|
|
Poster.propTypes = {
|
|
url: PropTypes.string,
|
|
selected: PropTypes.bool.isRequired,
|
|
onClick: PropTypes.func,
|
|
onDoubleClick: PropTypes.func
|
|
};
|
|
|
|
export default Poster;
|