diff --git a/src/components/Ecogesture/EcogestureCard.tsx b/src/components/Ecogesture/EcogestureCard.tsx index 39392b6141309b8d1f4040e0087b1ab393295ba0..76322d514edc37284cec6aaa25b832bc803abc25 100644 --- a/src/components/Ecogesture/EcogestureCard.tsx +++ b/src/components/Ecogesture/EcogestureCard.tsx @@ -20,16 +20,12 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({ const handleCardclick = () => { handleClick && ecogesture && handleClick(ecogesture) } - const [ecogestureIcon, setEcogestureIcon] = useState<string>() + const [ecogestureIcon, setEcogestureIcon] = useState<string>('') useEffect(() => { if (ecogesture) { importIconbyId(ecogesture.id, 'ecogesture').then(icon => { - if (icon) { - setEcogestureIcon(icon) - } else { - setEcogestureIcon(defaultIcon) - } + icon ? setEcogestureIcon(icon) : setEcogestureIcon(defaultIcon) }) } }, [ecogesture]) @@ -40,13 +36,7 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({ <div className="ec"> <div className={`ec-content `}> <div className="ec-content-icon"> - {ecogestureIcon && ( - <StyledIcon - className="Icon" - icon={ecogestureIcon || ''} - size={50} - /> - )} + <StyledIcon className="Icon" icon={ecogestureIcon} size={50} /> </div> <div className="ec-content-short-name text-15-bold"> {ecogesture.shortName} diff --git a/src/components/Ecogesture/EcogestureModal.tsx b/src/components/Ecogesture/EcogestureModal.tsx index e5ffcee070920c35b52866cc7a6b76f0a6631cf4..c8982edb74e2febac050a1d349eccf942087e56f 100644 --- a/src/components/Ecogesture/EcogestureModal.tsx +++ b/src/components/Ecogesture/EcogestureModal.tsx @@ -14,6 +14,8 @@ import { useSelector } from 'react-redux' import MuiButton from '@material-ui/core/Button' import EfficientyRating from './EfficientyRating' import classNames from 'classnames' +import defaultIcon from 'assets/icons/visu/ecogesture/default.svg' + interface EcogestureModalProps { ecogesture: Ecogesture isAction: boolean @@ -41,7 +43,7 @@ const EcogestureModal: React.FC<EcogestureModalProps> = ({ useEffect(() => { if (ecogesture) { importIconbyId(ecogesture.id, 'ecogesture').then(icon => { - icon && setEcogestureIcon(icon) + icon ? setEcogestureIcon(icon) : setEcogestureIcon(defaultIcon) }) if ( currentChallenge &&