From 9bbef1b1965e72cc48d0057b12a58274c37a6147 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Wed, 13 Feb 2019 17:34:37 +0100
Subject: [PATCH] =?UTF-8?q?:bug:=20R=C3=A9solution=20d'une=20page=20blanch?=
 =?UTF-8?q?e=20au=20clic=20sur=20un=20exemple=20dans=20/doc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

C'est du à une mauvaise implémentation dans React Helmet
Explication ici : https://github.com/nfl/react-helmet/issues/373.
Problème connu, sera fixé dans la v6 actuellement en beta. Ils ont pris
du retard à cause de problèmes organisationels dans la gestion de la
librairie
---
 source/components/rule/Rule.js        | 74 ++++++++++++++++-----------
 source/engine/mecanismViews/Barème.js |  1 -
 2 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index 5072f2949..66dcb3e9b 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -1,28 +1,37 @@
-import { T } from "Components";
-import withColours from 'Components/utils/withColours';
-import withLanguage from 'Components/utils/withLanguage';
-import withSitePaths from 'Components/utils/withSitePaths';
-import { getInputComponent } from 'Engine/generateQuestions';
-import knownMecanisms from 'Engine/known-mecanisms.yaml';
-import { createMarkdownDiv } from 'Engine/marked';
-import { encodeRuleName, findRuleByDottedName, findRuleByNamespace } from 'Engine/rules';
-import { compose, isEmpty, isNil } from 'ramda';
-import React, { Component, Suspense } from 'react';
-import emoji from 'react-easy-emoji';
-import Helmet from 'react-helmet';
-import { Trans, withTranslation } from 'react-i18next';
-import { connect } from 'react-redux';
-import { Link } from 'react-router-dom';
-import { reduxForm } from 'redux-form';
-import { exampleAnalysisSelector, flatRulesSelector, noUserInputSelector, ruleAnalysisSelector } from 'Selectors/analyseSelectors';
-import Animate from 'Ui/animate';
-import Montant from 'Ui/Montant';
-import { AttachDictionary } from '../AttachDictionary';
-import Algorithm from './Algorithm';
-import Examples from './Examples';
-import RuleHeader from './Header';
-import References from './References';
-import './Rule.css';
+import { T } from 'Components'
+import withColours from 'Components/utils/withColours'
+import withLanguage from 'Components/utils/withLanguage'
+import withSitePaths from 'Components/utils/withSitePaths'
+import { getInputComponent } from 'Engine/generateQuestions'
+import knownMecanisms from 'Engine/known-mecanisms.yaml'
+import { createMarkdownDiv } from 'Engine/marked'
+import {
+	encodeRuleName,
+	findRuleByDottedName,
+	findRuleByNamespace
+} from 'Engine/rules'
+import { compose, isEmpty, isNil } from 'ramda'
+import React, { Component, Suspense } from 'react'
+import emoji from 'react-easy-emoji'
+import Helmet from 'react-helmet'
+import { Trans, withTranslation } from 'react-i18next'
+import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
+import { reduxForm } from 'redux-form'
+import {
+	exampleAnalysisSelector,
+	flatRulesSelector,
+	noUserInputSelector,
+	ruleAnalysisSelector
+} from 'Selectors/analyseSelectors'
+import Animate from 'Ui/animate'
+import Montant from 'Ui/Montant'
+import { AttachDictionary } from '../AttachDictionary'
+import Algorithm from './Algorithm'
+import Examples from './Examples'
+import RuleHeader from './Header'
+import References from './References'
+import './Rule.css'
 
 let LazySource = React.lazy(() => import('./RuleSource'))
 
@@ -49,7 +58,7 @@ export default compose(
 					valuesToShow,
 					sitePaths,
 					analysedExample,
-					analysedRule,
+					analysedRule
 				} = this.props,
 				flatRule = findRuleByDottedName(flatRules, dottedName)
 			let { type, name, title, description, question, ns, icon } = flatRule,
@@ -69,10 +78,15 @@ export default compose(
 					) : (
 						<div id="rule">
 							<Animate.fromBottom>
-								<Helmet>
-									<title>{title}</title>
-									<meta name="description" content={description} />
-								</Helmet>
+								<Helmet
+									title={title}
+									meta={[
+										{
+											name: 'description',
+											content: description
+										}
+									]}
+								/>
 								<RuleHeader
 									{...{
 										ns,
diff --git a/source/engine/mecanismViews/Barème.js b/source/engine/mecanismViews/Barème.js
index a80e26eb0..999d61ce5 100644
--- a/source/engine/mecanismViews/Barème.js
+++ b/source/engine/mecanismViews/Barème.js
@@ -122,7 +122,6 @@ let Tranche = ({
 	language
 }) => {
 	let activated = trancheValue > 0
-	console.log(trancheValue, min, max)
 	return (
 		<tr className={classNames('tranche', { activated })}>
 			<td key="tranche">