TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix card image margin when there is no image

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