Fix card image margin when there is no image

This commit is contained in:
Jan Tuomi
2018-11-18 15:24:52 +02:00
parent d826b764f6
commit 065174920d
+4 -2
View File
@@ -24,10 +24,12 @@ class Card extends React.Component<CardProps, CardState> {
minute: "2-digit"
};
const datetime = new Date(this.props.start_time).toLocaleString("fi-FI", options);
const imageElem = !!image ? <img src={image} className="card__image" /> : null;
if (link) {
return (
<Link to={link} className="card">
<img src={image} className="card__image" />
{imageElem}
<div className="card__datetime">{datetime}</div>
<div className="card__title">{title}</div>
<div className="card__text">{text}</div>
@@ -37,7 +39,7 @@ class Card extends React.Component<CardProps, CardState> {
} else {
return (
<div className="card">
<img src={image} className="card__image" />
{imageElem}
<div className="card__datetime">{datetime}</div>
<div className="card__title">{title}</div>
<div className="card__text">{text}</div>