From 49cc7eb12e3e7e7487b731991a52093a9edaf8a7 Mon Sep 17 00:00:00 2001
From: Kimmo Puputti <git@kimmo.kpuputti.fi>
Date: Fri, 1 Dec 2017 14:41:23 +0200
Subject: [PATCH] Add link to edit profile

---
 src/containers/ListingPage/ListingPage.css | 19 +++++++++++++++++++
 src/containers/ListingPage/ListingPage.js  |  5 +++++
 src/translations/en.json                   |  1 +
 3 files changed, 25 insertions(+)

diff --git a/src/containers/ListingPage/ListingPage.css b/src/containers/ListingPage/ListingPage.css
index 7f05abdc..e780ef5f 100644
--- a/src/containers/ListingPage/ListingPage.css
+++ b/src/containers/ListingPage/ListingPage.css
@@ -382,6 +382,7 @@
 }
 
 .yourHostContainer {
+  position: relative;
   padding: 0 24px;
   margin-bottom: 5px;
 
@@ -407,6 +408,24 @@
   }
 }
 
+.editProfileLink {
+  @apply --marketplaceH4FontStyles;
+  position: absolute;
+  margin: 0;
+
+  /* Align to same baseline as the "Your host" heading */
+  top: 2px;
+  right: 24px;
+
+  @media (--viewportMedium) {
+    margin: 0;
+
+    /* Align to same baseline as the "Hello, ..." heading */
+    top: 74px;
+    right: 0;
+  }
+}
+
 .map {
   /* Dimensions: Map takes all available space from viewport (excludes action button and section title) */
   height: calc(100vh - 193px);
diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js
index 470a92fb..80d4ebf7 100644
--- a/src/containers/ListingPage/ListingPage.js
+++ b/src/containers/ListingPage/ListingPage.js
@@ -479,6 +479,11 @@ export class ListingPageComponent extends Component {
                     <h2 className={css.yourHostHeading}>
                       <FormattedMessage id="ListingPage.yourHostHeading" />
                     </h2>
+                    {isOwnListing ? (
+                      <NamedLink className={css.editProfileLink} name="ProfileSettingsPage">
+                        <FormattedMessage id="ListingPage.editProfileLink" />
+                      </NamedLink>
+                    ) : null}
                     <UserCard
                       user={currentListing.author}
                       currentUser={currentUser}
diff --git a/src/translations/en.json b/src/translations/en.json
index 214d9928..82f3a9e4 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -229,6 +229,7 @@
   "ListingPage.ctaButtonMessage": "Request to book",
   "ListingPage.descriptionTitle": "About this sauna",
   "ListingPage.editListing": "Edit listing",
+  "ListingPage.editProfileLink": "Edit profile",
   "ListingPage.errorLoadingListingMessage": "Could not load listing. Please try again.",
   "ListingPage.errorLoadingListingTitle": "Error in loading listing",
   "ListingPage.hostedBy": "Hosted by {name}",