Newer
Older
import { Link } from '@material-ui/core/'
import defaultIcon from 'assets/icons/visu/ecogesture/default.svg'
import StyledEcogestureCard from 'components/CommonKit/Card/StyledEcogestureCard'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import { Ecogesture } from 'models'
import React, { useEffect, useState } from 'react'
import { Link as RouterLink } from 'react-router-dom'
import { importIconById } from 'utils/utils'
import EfficiencyRating from '../EfficiencyRating/EfficiencyRating'
const EcogestureCard = ({ ecogesture }: { ecogesture: Ecogesture }) => {
const [ecogestureIcon, setEcogestureIcon] = useState<string>('')

Hugo SUBTIL
committed
async function handleEcogestureIcon() {
const icon = await importIconById(ecogesture.id, 'ecogesture')

Hugo SUBTIL
committed
}

Hugo SUBTIL
committed
handleEcogestureIcon()

Guilhem CARRON
committed
}, [ecogesture])

Etienne LOUPIAS
committed
to={{
pathname: `/ecogesture/${ecogesture.id}`,
}}
component={RouterLink}
className="ecogesture-list-item"
>
<StyledEcogestureCard>
<div className="ec-content">
<StyledIcon className="Icon" icon={ecogestureIcon} size={50} />
<div className="ec-content-short-name text-15-bold">
{ecogesture.shortName}
<EfficiencyRating result={Math.round(ecogesture.efficiency)} />