TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-07 03:22:21 +03:00
Code Issues Projects Releases Wiki Activity

Added edit profile page UI for paid member

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

- Connects account profile page to edit button for paid member's account home area
This commit is contained in:
Rish 2020-05-07 21:11:17 +05:30
parent 694ec683fe
commit 5a1fa6fdf4
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ghost/portal/src/components/pages/PaidAccountHomePage.js
View File

@ -110,10 +110,17 @@ export default class PaidAccountHomePage extends React.Component {
return `**** **** **** ${defaultCardLast4}`; return `**** **** **** ${defaultCardLast4}`;
} }
onEditProfile() {
this.context.onAction('switchPage', {
page: 'accountProfile',
lastPage: 'paidAccountHome'
});
}
renderAccountDetails() { renderAccountDetails() {
const buttonStyle = { const buttonStyle = {
padding: '6px 9px', border: '1px solid black', width: '60px', display: 'flex', justifyContent: 'center', 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; 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 style={{color: '#666666', fontSize: '11px'}}> {email} </div>
</div> </div>
</div> </div>
<div style={buttonStyle}> <div style={buttonStyle} onClick={e => this.onEditProfile(e)}>
Edit Edit
</div> </div>
</div> </div>