diff --git a/src/components/AnnotationManifestsItem.js b/src/components/AnnotationManifestsItem.js index ff7db0289bc2a9213cf2540d26c16cc9caaf4d0a..501fa3187b6a918e8754875f3bad47815ef061af 100644 --- a/src/components/AnnotationManifestsItem.js +++ b/src/components/AnnotationManifestsItem.js @@ -18,11 +18,15 @@ export class AnnotationManifestsItem extends Component { super(props); this.handleOpenManifestSideToSide = this.handleOpenManifestSideToSide.bind(this); - /* const { + } + + /** */ + componentDidMount() { + const { fetchManifest, manifestId, ready, isFetching, error, provider, - } = props; + } = this.props; - if (!ready && !error && !isFetching && provider !== 'file') fetchManifest(manifestId); */ + if (!ready && !error && !isFetching && provider !== 'file') fetchManifest(manifestId); } /** */ @@ -35,13 +39,22 @@ export class AnnotationManifestsItem extends Component { /** */ render() { const { - classes, t, language, manifestId, + classes, t, language, manifestId, thumbnail } = this.props; return ( <Typography> <Card className={classes.root}> <CardActionArea> + { + thumbnail && ( + <CardMedia + component="img" + height="140" + image={[thumbnail]} + alt="green iguana" + /> + )} <CardContent> <Typography> { manifestId }