diff --git a/src/components/AnnotationManifestsItem.js b/src/components/AnnotationManifestsItem.js index 326b22807ef217ff0a84c5ad0c555856a183939a..657a5c84255d26426cdaf67f5360b3c53ca00fc2 100644 --- a/src/components/AnnotationManifestsItem.js +++ b/src/components/AnnotationManifestsItem.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import { Component } from 'react'; import Typography from '@material-ui/core/Typography'; import PropTypes from 'prop-types'; import { @@ -6,8 +6,6 @@ import { } from '@material-ui/core'; import Button from '@material-ui/core/Button'; import Tooltip from '@material-ui/core/Tooltip'; -import ns from '../config/css-ns'; -import ErrorIcon from '@material-ui/icons/ErrorOutlineSharp'; /** * AnnotationManifestsItem @@ -27,7 +25,9 @@ export class AnnotationManifestsItem extends Component { fetchManifest, manifestId, ready, isFetching, error, provider, } = this.props; - if (!ready && !error && !isFetching && provider !== 'file') fetchManifest(manifestId); + if (!ready && !error && !isFetching && provider !== 'file') { + fetchManifest(manifestId); + } } /** */ @@ -45,7 +45,7 @@ export class AnnotationManifestsItem extends Component { if (error) { return ( - <Typography>{t('resourceError', { manifestId })}</Typography> + <Typography className={classes.errorMessage}>{t('resourceError', { manifestId })}</Typography> ); } @@ -81,7 +81,7 @@ export class AnnotationManifestsItem extends Component { { description } </Typography> ) -} + } </CardContent> </CardActionArea> <CardActions> diff --git a/src/containers/AnnotationManifestsItem.js b/src/containers/AnnotationManifestsItem.js index 7e9268d6d7ef6983b5fff602a7f013fd48d2867d..ad31d07b2e9ddffe7f5f7c40f4d2170f5dad4abc 100644 --- a/src/containers/AnnotationManifestsItem.js +++ b/src/containers/AnnotationManifestsItem.js @@ -42,6 +42,9 @@ const mapDispatchToProps = { /** For withStyles */ const styles = theme => ({ + errorMessage: { + color: theme.palette.error.main, + }, logo: { height: '2.5rem', maxWidth: '100%',