From 5a1fa6fdf49b200a73b7e2cade0ee8590b6cf6a3 Mon Sep 17 00:00:00 2001
From: Rish <zrishabhgarg@gmail.com>
Date: Thu, 7 May 2020 21:11:17 +0530
Subject: [PATCH] Added edit profile page UI for paid member

refs https://github.com/TryGhost/members.js/issues/20

- Connects account profile page to edit button for paid member's account home area
---
 .../src/components/pages/PaidAccountHomePage.js       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ghost/portal/src/components/pages/PaidAccountHomePage.js b/ghost/portal/src/components/pages/PaidAccountHomePage.js
index 9e04d69d86..c0693bb098 100644
--- a/ghost/portal/src/components/pages/PaidAccountHomePage.js
+++ b/ghost/portal/src/components/pages/PaidAccountHomePage.js
@@ -110,10 +110,17 @@ export default class PaidAccountHomePage extends React.Component {
         return `**** **** **** ${defaultCardLast4}`;
     }
 
+    onEditProfile() {
+        this.context.onAction('switchPage', {
+            page: 'accountProfile',
+            lastPage: 'paidAccountHome'
+        });
+    }
+
     renderAccountDetails() {
         const buttonStyle = {
             padding: '6px 9px', border: '1px solid black', width: '60px', display: 'flex', justifyContent: 'center',
-            borderRadius: '5px'
+            borderRadius: '5px', cursor: 'pointer'
         };
         const {name, email, subscriptions} = this.context.member;
 
@@ -132,7 +139,7 @@ export default class PaidAccountHomePage extends React.Component {
                             <div style={{color: '#666666', fontSize: '11px'}}> {email} </div>
                         </div>
                     </div>
-                    <div style={buttonStyle}>
+                    <div style={buttonStyle} onClick={e => this.onEditProfile(e)}>
                         Edit
                     </div>
                 </div>