2018-03-26 23:32:43 +02:00
|
|
|
// @flow
|
2017-12-21 22:08:54 +01:00
|
|
|
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-01-09 02:15:44 +01:00
|
|
|
|
2018-03-26 23:32:43 +02:00
|
|
|
class CardMedia extends React.PureComponent<Props> {
|
2017-07-14 01:18:28 +02:00
|
|
|
render() {
|
2018-07-10 18:12:51 +02:00
|
|
|
const { thumbnail } = this.props;
|
2017-07-14 01:18:28 +02:00
|
|
|
|
2018-01-09 02:15:44 +01:00
|
|
|
return (
|
2018-03-26 23:32:43 +02:00
|
|
|
<div
|
2018-12-19 06:44:53 +01:00
|
|
|
style={
|
|
|
|
thumbnail
|
|
|
|
? { backgroundImage: `url('${thumbnail}')` }
|
2019-04-19 18:25:28 +02:00
|
|
|
: { backgroundImage: `url(${Placeholder})` }
|
2018-12-19 06:44:53 +01:00
|
|
|
}
|
|
|
|
className="media__thumb"
|
|
|
|
/>
|
2018-01-09 02:15:44 +01:00
|
|
|
);
|
2017-07-14 01:18:28 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default CardMedia;
|