From 3ba3a30f74de7506f6caff466b465bb8cc38f102 Mon Sep 17 00:00:00 2001
From: Laurent Bossavit <laurent.git@bossavit.com>
Date: Thu, 29 Mar 2018 15:11:22 +0200
Subject: [PATCH] =?UTF-8?q?:alien:=20R=C3=A9pare=20la=20recherche=20de=20r?=
 =?UTF-8?q?=C3=A8gles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/SearchButton.js    | 9 ++++++++-
 source/components/pages/RulesList.js | 4 +++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/source/components/SearchButton.js b/source/components/SearchButton.js
index 361782f3e..4c202fa1c 100644
--- a/source/components/SearchButton.js
+++ b/source/components/SearchButton.js
@@ -1,9 +1,15 @@
 import React, { Component } from 'react'
+import { connect } from 'react-redux'
 import './SearchButton.css'
 import Overlay from './Overlay'
 import { SearchBar } from './pages/RulesList'
 import withColours from 'Components/withColours'
 
+@connect(
+	state => ({
+		flatRules: state.flatRules
+	})
+)
 @withColours
 export default class SearchButton extends Component {
 	componentDidMount() {
@@ -27,12 +33,13 @@ export default class SearchButton extends Component {
 	}
 	close = () => this.setState({ visible: false })
 	render() {
+		let { flatRules } = this.props
 		return (
 			<div id="searchButton">
 				{this.state.visible ? (
 					<Overlay onOuterClick={this.close}>
 						<h2>Chercher une règle</h2>
-						<SearchBar showDefaultList={false} finally={this.close} />
+						<SearchBar showDefaultList={false} finally={this.close} rules={flatRules} />
 					</Overlay>
 				) : (
 					<button onClick={() => this.setState({ visible: true })}>
diff --git a/source/components/pages/RulesList.js b/source/components/pages/RulesList.js
index 0b0c642ff..73dc4c08b 100644
--- a/source/components/pages/RulesList.js
+++ b/source/components/pages/RulesList.js
@@ -34,6 +34,7 @@ export class SearchBar extends React.Component {
 		this.inputElement.focus()
 	}
 	componentWillMount() {
+		let { rules } = this.props
 		var options = {
 			keys: [
 				{
@@ -82,6 +83,7 @@ export class SearchBar extends React.Component {
 	)
 	filterOptions = (options, filter) => this.fuse.search(filter)
 	render() {
+		let { rules } = this.props
 		let { selectedOption } = this.state
 
 		if (selectedOption != null) {
@@ -113,7 +115,7 @@ export class SearchBar extends React.Component {
 							{rules.map(rule => (
 								<li key={rule.dottedName}>
 									<Link to={'/règle/' + encodeRuleName(rule.name)}>
-										{capitalise0(rule.name)}
+										{rule.title || capitalise0(rule.name)}
 									</Link>
 								</li>
 							))}