diff --git a/src/components/ContentComponents/ConsumptionVisualizer/DataloadConsumptionVisualizer.tsx b/src/components/ContentComponents/ConsumptionVisualizer/DataloadConsumptionVisualizer.tsx index 96ada65e40ba07cc126cf9957d2f86288756780c..fcf15ef5827175ef6879579d082a2c42d07654c5 100644 --- a/src/components/ContentComponents/ConsumptionVisualizer/DataloadConsumptionVisualizer.tsx +++ b/src/components/ContentComponents/ConsumptionVisualizer/DataloadConsumptionVisualizer.tsx @@ -79,12 +79,15 @@ const DataloadConsumptionVisualizer = ({ <div className={`cv-load-value ${fluidStyle.toLowerCase()} chart-result`} > - {formatNumberValues(dataload.value)} + {multiFluid && fluidTypes.length === 1 + ? formatNumberValues( + ltcc.Convert(dataload.value, fluidTypes[0]) + ) + : formatNumberValues(dataload.value)} <span className="text-18-medium">{`${t( 'FLUID.' + fluidStyle + '.UNIT' )}`}</span> </div> - {!multiFluid ? ( <div className={`cv-euro ${fluidStyle.toLowerCase()} chart-fluid`} @@ -147,7 +150,9 @@ const DataloadConsumptionVisualizer = ({ icon={getPicto(fluidTypes[0])} size={22} /> - <div>{`${formatNumberValues(dataload.value)} €`}</div> + <div>{`${formatNumberValues( + ltcc.Convert(dataload.value, fluidTypes[0]) + )} €`}</div> </div> </NavLink> )}