From caf15a01b11ceade7354592ff2452d0325ece058 Mon Sep 17 00:00:00 2001
From: Haroen Viaene <fingebimus@me.com>
Date: Tue, 12 Feb 2019 18:28:05 +0100
Subject: [PATCH] fix(React InstantSearch): placeholder template (#361)

* fix(React InstantSearch): placeholder template

cc @biletron

@francoischalifour, do you think the double brace could confuse handlebars?

* Update App.js.hbs

* fix: escape the handlebars-like format
---
 scripts/__snapshots__/e2e-templates.test.js.snap | 7 ++++++-
 src/templates/React InstantSearch/src/App.js.hbs | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/scripts/__snapshots__/e2e-templates.test.js.snap b/scripts/__snapshots__/e2e-templates.test.js.snap
index 549d137e5..ec3691f8d 100644
--- a/scripts/__snapshots__/e2e-templates.test.js.snap
+++ b/scripts/__snapshots__/e2e-templates.test.js.snap
@@ -4179,7 +4179,12 @@ class App extends Component {
               </div>
 
               <div className=\\"search-panel__results\\">
-                <SearchBox className=\\"searchbox\\" placeholder=\\"Search placeholder\\" />
+                <SearchBox
+                  className=\\"searchbox\\"
+                  translations={{
+                    placeholder: 'Search placeholder',
+                  }}
+                />
                 <Hits hitComponent={Hit} />
 
                 <div className=\\"pagination\\">
diff --git a/src/templates/React InstantSearch/src/App.js.hbs b/src/templates/React InstantSearch/src/App.js.hbs
index d1c462901..362b54ce4 100644
--- a/src/templates/React InstantSearch/src/App.js.hbs	
+++ b/src/templates/React InstantSearch/src/App.js.hbs	
@@ -48,7 +48,12 @@ class App extends Component {
 
               {{/if}}
               <div className="search-panel__results">
-                <SearchBox className="searchbox" placeholder="{{searchPlaceholder}}" />
+                <SearchBox
+                  className="searchbox"
+                  translations=\{{
+                    placeholder: '{{searchPlaceholder}}',
+                  }}
+                />
                 <Hits hitComponent={Hit} />
 
                 <div className="pagination">