maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactoring: run prettier

Browse source
This commit is contained in:
Vesa Luusua 2017-03-07 16:45:36 +02:00
parent 1e4165ec10
commit a75661a12e
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/containers/ListingPage/ListingPage.js
View file

@ -64,26 +64,28 @@ export class ListingPageComponent extends Component {
: [];
// TODO componentize
const imageCarousel = images.length > 0
? (
<div className={css.imageContainer}>
<img className={css.mainImage} alt={title} src={images[0].sizes[0].url} />
<div className={css.thumbnailContainer}>
{images.slice(1).map(image => (
<div key={image.id.uuid} className={css.squareWrapper}>
<div className={css.aspectWrapper}>
<img className={css.thumbnail} alt={`${title} thumbnail`} src={image.sizes[0].url} />
</div>
const imageCarousel = images.length > 0
? <div className={css.imageContainer}>
<img className={css.mainImage} alt={title} src={images[0].sizes[0].url} />
<div className={css.thumbnailContainer}>
{images.slice(1).map(image => (
<div key={image.id.uuid} className={css.squareWrapper}>
<div className={css.aspectWrapper}>
<img
className={css.thumbnail}
alt={`${title} thumbnail`}
src={image.sizes[0].url}
/>
</div>
))}
</div>
</div>
))}
</div>
)
</div>
: null;
const pageContent = (
<PageLayout title={`${title} ${info.price}`}>
{ imageCarousel }
{imageCarousel}
{/* eslint-disable react/no-danger */}
<div className={css.description} dangerouslySetInnerHTML={{ __html: description }} />
{/* eslint-enable react/no-danger */}