Skip to content
Snippets Groups Projects
EcogestureCard.tsx 1.49 KiB
Newer Older
  • Learn to ignore specific revisions
  • import { Link } from '@material-ui/core/'
    import defaultIcon from 'assets/icons/visu/ecogesture/default.svg'
    
    Hugo NOUTS's avatar
    Hugo NOUTS committed
    import StyledEcogestureCard from 'components/CommonKit/Card/StyledEcogestureCard'
    
    CREY Romain's avatar
    CREY Romain committed
    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'
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    import './ecogestureCard.scss'
    
    const EcogestureCard = ({ ecogesture }: { ecogesture: Ecogesture }) => {
    
    Guilhem CARRON's avatar
    Guilhem CARRON committed
      const [ecogestureIcon, setEcogestureIcon] = useState<string>('')
    
      useEffect(() => {
    
          const icon = await importIconById(ecogesture.id, 'ecogesture')
    
          setEcogestureIcon(icon || defaultIcon)
    
        if (ecogesture) {
    
    Hugo NOUTS's avatar
    Hugo NOUTS committed
      return (
    
          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}
    
    Hugo NOUTS's avatar
    Hugo NOUTS committed
              </div>
    
              <EfficiencyRating result={Math.round(ecogesture.efficiency)} />
    
            </div>
          </StyledEcogestureCard>
    
        </Link>
    
    Hugo NOUTS's avatar
    Hugo NOUTS committed
      )
    }
    
    
    export default EcogestureCard