From 4624b6f969685736d1e9762985d438f12e671f15 Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Thu, 9 Mar 2023 10:17:25 +0100
Subject: [PATCH] Add red color
---
src/components/AnnotationManifestsItem.js | 12 ++++++------
src/containers/AnnotationManifestsItem.js | 3 +++
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/components/AnnotationManifestsItem.js b/src/components/AnnotationManifestsItem.js
index 326b22807..657a5c842 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 7e9268d6d..ad31d07b2 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%',
--
GitLab