mon-entreprise/source/components/RuleValueVignette.js

import React from "react"
import {Link} from 'react-router-dom'
import {computeRuleValue} from 'Engine/traverse'
import {encodeRuleName} from 'Engine/rules'
import classNames from 'classnames'
import {capitalise0} from '../utils'
let fmt = new Intl.NumberFormat('fr-FR').format
let humanFigure = decimalDigits => value => fmt(value.toFixed(decimalDigits))
import './RuleValueVignette.css'

export default ({
	name,
	type,
	conversationStarted,
	nodeValue: ruleValue
}) =>
	do {
		let
			unsatisfied = ruleValue == null,
			irrelevant = ruleValue == 0,
			number = typeof ruleValue == 'number' && ruleValue > 0

		;<span
			key={name}
			className={classNames('RuleValueVignette', { unsatisfied, irrelevant, number })}
		>
			<Link to={"/regle/" + encodeRuleName(name)}>
				<div className="rule-type">
					{type}
				</div>
				<div className="rule-box">
					<div className="rule-name">
						{capitalise0(name)}
					</div>
					<p>
						{conversationStarted &&
							(irrelevant
								? "Vous n'êtes pas concerné"
								: unsatisfied
									? "En attente de vos réponses..."
									: <span className="figure">
										{humanFigure(2)(ruleValue) + "€"}
									</span>)}
					</p>
				</div>
			</Link>
		</span>
	}