mirror of
https://github.com/betagouv/mon-entreprise
synced 2025-02-09 01:45:03 +00:00
1d69feafd6
Suppression des décorateurs. Problème : Les décorateurs que l'on utilisait correspondait à une ancienne version de la proposal tc39, encore en stage 1 (voir 0). La proposition a complètement évolué, pour ne plus du tout avoir la même forme que précédement. Au lieu de garder la version 'legacy', on choisit de se séparer des décorateur, étant donné que le nouveau use case n'a plus rien à voir, et que l'ancienne version peut être gérée de manière quasi équivalente avec des fonctions et des compose
32 lines
854 B
JavaScript
32 lines
854 B
JavaScript
import withLanguage from 'Components/utils/withLanguage'
|
|
import React, { Component } from 'react'
|
|
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
|
|
import './AnimatedTargetValue.css'
|
|
|
|
export default withLanguage(
|
|
class AnimatedTargetValue extends Component {
|
|
render() {
|
|
let { value, language } = this.props
|
|
let formattedValue =
|
|
value == null
|
|
? ''
|
|
: Intl.NumberFormat(language, {
|
|
style: 'currency',
|
|
currency: 'EUR',
|
|
maximumFractionDigits: 0,
|
|
minimumFractionDigits: 0
|
|
}).format(value)
|
|
return (
|
|
<ReactCSSTransitionGroup
|
|
transitionName="flash"
|
|
transitionEnterTimeout={100}
|
|
transitionLeaveTimeout={100}>
|
|
<span key={value} className="Rule-value">
|
|
{' '}
|
|
<span>{formattedValue}</span>
|
|
</span>
|
|
</ReactCSSTransitionGroup>
|
|
)
|
|
}
|
|
}
|
|
)
|