Les objectifs de calcul sont des liens

source/components/TargetSelection.css

@@ -62,6 +62,12 @@
 	font-size: 130%;
 	font-weight: 600;
 }
+#targetSelection .optionTitle a {
+color: inherit
+}
+#targetSelection .optionTitle a:hover {
+text-decoration: underline;
+}
 
 #targetSelection input[type='checkbox'] {
 	position: absolute;

source/components/TargetSelection.js

@@ -6,6 +6,7 @@ import { propEq, contains, without, curry, append, ifElse } from 'ramda'
 import './TargetSelection.css'
 import BlueButton from './BlueButton'
 import { Field, reduxForm, formValueSelector, change } from 'redux-form'
+import { Link } from 'react-router-dom'
 import { connect } from 'react-redux'
 import { RuleValue } from './rule/RuleValueVignette'
 import classNames from 'classnames'
@@ -124,7 +125,9 @@ export default class TargetSelection extends Component {
 								</label>
 							)}
 							<span className="texts">
-								<span className="optionTitle">{s.title || s.name}</span>
+								<span className="optionTitle">
+									<Link to={'/règle/' + s.dottedName}>{s.title || s.name}</Link>
+								</span>
 								<p>{s['résumé']}</p>
 							</span>
 							<TargetInputOrValue

source/containers/App.dev.js

@@ -7,6 +7,7 @@ export default ({ store }) => (
 	<Provider store={store}>
 		<div id="dev">
 			<Layout />
+			<DevTools />
 		</div>
 	</Provider>
 )