Skip to content
Snippets Groups Projects
DataloadSectionValue.tsx 1.77 KiB
Newer Older
  • Learn to ignore specific revisions
  • import { Button } from '@material-ui/core'
    
    import { useI18n } from 'cozy-ui/transpiled/react/I18n'
    
    import { DataloadSectionType, FluidType } from 'enums'
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    import { Dataload } from 'models'
    import React from 'react'
    
    import { formatNumberValues, getFluidName } from 'utils/utils'
    
    
    interface DataloadSectionValueProps {
      dataload: Dataload
      fluidType: FluidType
      dataloadSectionType: DataloadSectionType
      toggleEstimationModal: () => void
    }
    
    const DataloadSectionValue = ({
      dataload,
      fluidType,
      dataloadSectionType,
      toggleEstimationModal,
    }: DataloadSectionValueProps) => {
      const { t } = useI18n()
    
      const FLUIDNAME = getFluidName(fluidType).toUpperCase()
    
    
      if (fluidType === FluidType.MULTIFLUID) {
        return (
          <>
            {formatNumberValues(dataload.value)}
    
            <div className="text-18-normal euroUnit">
    
              {t(`FLUID.${FLUIDNAME}.UNIT`)}
    
            {dataloadSectionType === DataloadSectionType.NO_COMPARE && (
    
              <Button
                classes={{
                  root: 'btnText',
                  label: 'text-14-normal',
                }}
                size="small"
    
                onClick={toggleEstimationModal}
              >
                {t('consumption_visualizer.estimated')}
    
      const formattedValue = formatNumberValues(dataload.value, FLUIDNAME, true)
    
          {Number(formattedValue) >= 1000 ? (
    
              {formatNumberValues(dataload.value, FLUIDNAME)}
    
              <span className="text-18-normal">
    
                {t(`FLUID.${FLUIDNAME}.MEGAUNIT`)}
    
              </span>
            </>
          ) : (
            <>
              {formatNumberValues(dataload.value)}
    
              <span className="text-18-normal">{t(`FLUID.${FLUIDNAME}.UNIT`)}</span>
    
            </>
          )}
        </>
      )
    }
    
    export default DataloadSectionValue