Fix wrong booking title on listing page

sharetribe · Dec 27, 2018 · 2c3bb15 · 2c3bb15
1 parent 4f489ea
commit 2c3bb15
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js
@@ -229,9 +229,8 @@ export class ListingPageComponent extends Component {
       </span>
     );
 
-    const bookingTitle = intl.formatMessage(
-      { id: 'ListingPage.bookingSubTitle' },
-      { title: richTitle }
+    const bookingTitle = (
+      <FormattedMessage id="ListingPage.bookingTitle" values={{ title: richTitle }} />
     );
     const bookingSubTitle = intl.formatMessage({ id: 'ListingPage.bookingSubTitle' });
 

diff --git a/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap b/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
@@ -307,7 +307,22 @@ exports[`ListingPage matches snapshot 1`] = `
             onSubmit={[Function]}
             subTitle="ListingPage.bookingSubTitle"
             timeSlots={null}
-            title="ListingPage.bookingSubTitle"
+            title={
+              <FormattedMessage
+                id="ListingPage.bookingTitle"
+                values={
+                  Object {
+                    "title": <span>
+                      
+                      listing1
+                       
+                      title
+                      
+                  </span>,
+                  }
+                }
+              />
+            }
             unitType="line-item/night"
           />
         </div>