Fix card image margin when there is no image
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user