Commit 2e4f959a authored by Guilhem CARRON's avatar Guilhem CARRON
Browse files

fix(conso): Replace png error picto with svg and display it in konnector card if outdated data

parent 758b9fb5
...@@ -33,7 +33,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon' ...@@ -33,7 +33,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
import ExpansionPanel from '@material-ui/core/ExpansionPanel' import ExpansionPanel from '@material-ui/core/ExpansionPanel'
import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary' import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'
import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails' import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'
import failurePicto from 'assets/png/picto/picto-failure.png' import ErrorNotif from 'assets/icons/ico/notif_error.svg'
import ConnectionNotFound from 'components/Connection/ConnectionNotFound' import ConnectionNotFound from 'components/Connection/ConnectionNotFound'
import ConnectionForm from 'components/Connection/ConnectionForm' import ConnectionForm from 'components/Connection/ConnectionForm'
import ConnectionResult from 'components/Connection/ConnectionResult' import ConnectionResult from 'components/Connection/ConnectionResult'
...@@ -49,6 +49,7 @@ import { ...@@ -49,6 +49,7 @@ import {
import { DateTime } from 'luxon' import { DateTime } from 'luxon'
import { setSelectedDate } from 'store/chart/chart.actions' import { setSelectedDate } from 'store/chart/chart.actions'
import DateChartService from 'services/dateChart.service' import DateChartService from 'services/dateChart.service'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
interface KonnectorViewerCardProps { interface KonnectorViewerCardProps {
fluidStatus: FluidStatus fluidStatus: FluidStatus
...@@ -313,12 +314,12 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({ ...@@ -313,12 +314,12 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
) : ( ) : (
<Icon icon={iconAddType} size={49} /> <Icon icon={iconAddType} size={49} />
)} )}
{fluidStatus.status === FluidState.ERROR ? ( {fluidStatus.status === FluidState.ERROR || isOutdatedData ? (
<img <StyledIcon
icon={ErrorNotif}
size={24}
className="konnector-state-picto" className="konnector-state-picto"
src={failurePicto} />
alt={t('konnector_options.accessibility.label_ko_status')}
></img>
) : null} ) : null}
</div> </div>
<div <div
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment