title fixes for create and edit listing pages

src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.js

@@ -23,11 +23,13 @@ const EditListingDescriptionPanel = props => {
   const currentListing = ensureListing(listing);
   const { description, title } = currentListing.attributes;
   const listingTitle = title || '';
-
+  const panelTitle = currentListing.id
+    ? <FormattedMessage id="EditListingDescriptionPanel.title" values={{ listingTitle }} />
+    : <FormattedMessage id="EditListingDescriptionPanel.createListingTitle" />
 
   return (
     <div className={classes}>
-      <h1 className={css.title}><FormattedMessage id="EditListingDescriptionPanel.title" values={{ listingTitle }} /></h1>
+      <h1 className={css.title}>{panelTitle}</h1>
       <EditListingDescriptionForm
         className={css.form}
         initialValues={{ title, description }}

src/components/EditListingLocationPanel/EditListingLocationPanel.js

@@ -23,6 +23,9 @@ const EditListingLocationPanel = props => {
   const currentListing = ensureListing(listing);
   const { address, geolocation, title } = currentListing.attributes;
   const listingTitle = title || '';
+  const panelTitle = currentListing.id
+    ? <FormattedMessage id="EditListingLocationPanel.title" values={{ listingTitle }} />
+    : <FormattedMessage id="EditListingLocationPanel.createListingTitle" />
 
   // Only render current search if full place object is available in the URL params
   // TODO bounds and country are missing - those need to be queried directly from Google Places
@@ -52,7 +55,7 @@ const EditListingLocationPanel = props => {
 
   return (
     <div className={classes}>
-      <h1 className={css.title}><FormattedMessage id="EditListingLocationPanel.title" values={{ listingTitle }} /></h1>
+      <h1 className={css.title}>{panelTitle}</h1>
       <EditListingLocationForm
         className={css.form}
         initialValues={initialSearchFormValues}

src/components/EditListingPhotosPanel/EditListingPhotosPanel.js

@@ -96,10 +96,13 @@ class EditListingPhotosPanel extends Component {
     const currentListing = ensureListing(listing);
     const { title } = currentListing.attributes;
     const listingTitle = title || '';
+    const panelTitle = currentListing.id
+      ? <FormattedMessage id="EditListingPhotosPanel.title" values={{ listingTitle }} />
+      : <FormattedMessage id="EditListingPhotosPanel.createListingTitle" />
 
     return (
       <div className={classes}>
-        <h1 className={css.title}><FormattedMessage id="EditListingPhotosPanel.title" values={{ listingTitle }} /></h1>
+        <h1 className={css.title}>{panelTitle}</h1>
         <EditListingPhotosForm
           className={css.form}
           disabled={fetchInProgress}

src/components/EditListingPricingPanel/EditListingPricingPanel.js

@@ -23,10 +23,13 @@ const EditListingPricingPanel = props => {
   const currentListing = ensureListing(listing);
   const { price, title } = currentListing.attributes ;
   const listingTitle = title || '';
+  const panelTitle = currentListing.id
+    ? <FormattedMessage id="EditListingPricingPanel.title" values={{ listingTitle }} />
+    : <FormattedMessage id="EditListingPricingPanel.createListingTitle" />
 
   return (
     <div className={classes}>
-      <h1 className={css.title}><FormattedMessage id="EditListingPricingPanel.title" values={{ listingTitle }} /></h1>
+      <h1 className={css.title}>{panelTitle}</h1>
       <EditListingPricingForm
         className={css.form}
         initialValues={{ price }}

src/translations/en.json

@@ -24,7 +24,6 @@
   "BookingDatesForm.priceBreakdownTitle": "Booking breakdown",
   "BookingDatesForm.requestToBook": "Request to book",
   "BookingDatesForm.requiredDate": "Oops, make sure your date is correct!",
-  "BookingDatesForm.requiredDate": "Oops, make sure your date is correct!",
   "BookingDatesForm.youWontBeChargedInfo": "You won't be charged yet",
   "CheckoutPage.goToLandingPage": "Go to homepage",
   "CheckoutPage.hostedBy": "Hosted by {name}",
@@ -54,6 +53,7 @@
   "EditListingDescriptionForm.updateFailed": "Failed to update listing. Please try again.",
   "EditListingDescriptionForm.updated": "Updated!",
   "EditListingDescriptionPanel.title": "Edit details of {listingTitle}",
+  "EditListingDescriptionPanel.createListingTitle": "Add your sauna",
   "EditListingLocationForm.address": "Address",
   "EditListingLocationForm.addressNotRecognized": "We didn't recognize this location. Please try another location.",
   "EditListingLocationForm.addressPlaceholder": "Start typing…",
@@ -63,6 +63,7 @@
   "EditListingLocationForm.updateFailed": "Failed to update listing. Please try again.",
   "EditListingLocationForm.updated": "Updated!",
   "EditListingLocationPanel.title": "Edit location of {listingTitle}",
+  "EditListingLocationPanel.createListingTitle": "Where's your sauna?",
   "EditListingPage.titleCreateListing": "Create a listing",
   "EditListingPage.titleEditListing": "Edit listing",
   "EditListingPhotosForm.addImagesTip": "Tip: Choose 2-3 best photos of your sauna from different angles in a good light that really show the space.",
@@ -80,12 +81,14 @@
   "EditListingPhotosPanel.payoutModalTitleOneMoreThing": "One more thing:",
   "EditListingPhotosPanel.payoutModalTitlePayoutPreferences": "Payout preferences",
   "EditListingPhotosPanel.title": "Edit photos of {listingTitle}",
+  "EditListingPhotosPanel.createListingTitle": "Add a few photos",
   "EditListingPricingForm.priceInputPlaceholder": "Choose your price…",
   "EditListingPricingForm.pricePerNight": "Price per night in euros",
   "EditListingPricingForm.priceRequired": "You need to add a valid price.",
   "EditListingPricingForm.updateFailed": "Failed to update listing. Please try again.",
   "EditListingPricingForm.updated": "Updated!",
   "EditListingPricingPanel.title": "Edit pricing of {listingTitle}",
+  "EditListingPricingPanel.createListingTitle": "How much does it cost?",
   "EditListingWizard.saveEditDescription": "Save description",
   "EditListingWizard.saveEditLocation": "Save location",
   "EditListingWizard.saveEditPhotos": "Save photos",