diff --git a/src/components/presentational/CardSource.js b/src/components/presentational/CardSource.js index b81661e..9eab0af 100644 --- a/src/components/presentational/CardSource.js +++ b/src/components/presentational/CardSource.js @@ -1,11 +1,11 @@ import React from 'react' import PropTypes from 'prop-types' import Spinner from './Spinner' +import Img from 'react-image' import copy from '../../js/data/copy.json' const CardSource = ({ source, isLoading, onClickHandler }) => { - function renderIconText(type) { switch(type) { case 'Eyewitness Testimony': @@ -34,16 +34,31 @@ const CardSource = ({ source, isLoading, onClickHandler }) => { ) } + + let thumbnail = source.thumbnail + if (!thumbnail || thumbnail === '') { + // default to first image in paths, null if no images + const imgs = source.paths.filter(p => p.match(/\.(jpg|png)$/)) + thumbnail = imgs.length > 0 ? imgs[0] : null + } + + console.log(!!thumbnail) + console.log(thumbnail) + return (
{source.id}
+ {!!thumbnail ? ( +{source.id}