lbry-desktop/src/ui/component/cardMedia/view.jsx

27 lines
523 B
React
Raw Normal View History

2018-03-26 23:32:43 +02:00
// @flow
import React from 'react';
2019-03-05 05:46:57 +01:00
import Placeholder from './placeholder.png';
2017-07-14 01:18:28 +02:00
2018-03-26 23:32:43 +02:00
type Props = {
thumbnail: ?string, // externally sourced image
};
2018-03-26 23:32:43 +02:00
class CardMedia extends React.PureComponent<Props> {
2017-07-14 01:18:28 +02:00
render() {
const { thumbnail } = this.props;
2017-07-14 01:18:28 +02:00
return (
2018-03-26 23:32:43 +02:00
<div
style={
thumbnail
? { backgroundImage: `url('${thumbnail}')` }
2019-04-01 01:04:01 +02:00
: { backgroundImage: `url(/${Placeholder})` }
}
className="media__thumb"
/>
);
2017-07-14 01:18:28 +02:00
}
}
export default CardMedia;