From 08dc9201cd9536849988b0cb28072b3264ddaf77 Mon Sep 17 00:00:00 2001
From: Laurent Bossavit <laurent.git@bossavit.com>
Date: Fri, 27 Apr 2018 17:10:17 +0200
Subject: [PATCH] =?UTF-8?q?:alien:=20Traduction=20du=20breadcrumb=20de=20l?=
 =?UTF-8?q?a=20page=20de=20r=C3=A8gle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/rule/Rule.js | 56 ++++++++++++++++++++++------------
 1 file changed, 36 insertions(+), 20 deletions(-)

diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index f572f607d..570c68bb9 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -47,6 +47,7 @@ export default class Rule extends Component {
 						description,
 						question,
 						rule,
+						flatRules,
 						name,
 						title
 					}}
@@ -123,10 +124,19 @@ let NamespaceRulesList = withColours(
 	)
 )
 
-let RuleMeta = ({ ns, type, description, question, rule, name, title }) => (
+let RuleMeta = ({
+	ns,
+	type,
+	description,
+	question,
+	rule,
+	flatRules,
+	name,
+	title
+}) => (
 	<section id="rule-meta">
 		<div id="meta-header">
-			{ns && <Namespace {...{ ns }} />}
+			{ns && <Namespace {...{ ns, flatRules }} />}
 			<h1>{title || capitalise0(name)}</h1>
 		</div>
 		<div id="meta-content">
@@ -143,7 +153,7 @@ let RuleMeta = ({ ns, type, description, question, rule, name, title }) => (
 	</section>
 )
 
-export let Namespace = withColours(({ ns, colours }) => (
+export let Namespace = withColours(({ ns, flatRules, colours }) => (
 	<ul id="namespace">
 		{ns
 			.split(' . ')
@@ -154,23 +164,29 @@ export let Namespace = withColours(({ ns, colours }) => (
 				],
 				[]
 			)
-			.map(fragments => (
-				<li key={fragments.join()}>
-					<Link
-						style={{
-							color: colours.textColourOnWhite,
-							textDecoration: 'underline'
-						}}
-						to={'/règle/' + encodeRuleName(fragments.join(' . '))}>
-						{capitalise0(last(fragments))}
-					</Link>
-					<i
-						style={{ margin: '0 .6em', fontSize: '85%' }}
-						className="fa fa-chevron-right"
-						aria-hidden="true"
-					/>
-				</li>
-			))}
+			.map(fragments => {
+				let ruleName = fragments.join(' . '),
+					rule = findRuleByDottedName(flatRules, ruleName),
+					ruleText = rule.title || capitalise0(rule.name)
+
+				return (
+					<li key={fragments.join()}>
+						<Link
+							style={{
+								color: colours.textColourOnWhite,
+								textDecoration: 'underline'
+							}}
+							to={'/règle/' + encodeRuleName(ruleName)}>
+							{ruleText}
+						</Link>
+						<i
+							style={{ margin: '0 .6em', fontSize: '85%' }}
+							className="fa fa-chevron-right"
+							aria-hidden="true"
+						/>
+					</li>
+				)
+			})}
 	</ul>
 ))