TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 11:22:19 +03:00
Code Issues Projects Releases Wiki Activity

Applied brandcolor to account icon

Browse Source
This commit is contained in:
Peter Zimon 2020-07-21 11:45:19 +02:00
parent 2449991847
commit 47e7b86637
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ghost/portal/src/components/pages/AccountHomePage.js
View File

@ -102,10 +102,10 @@ const Divider = () => {
);
};
const UserAvatar = ({avatar}) => {
const UserAvatar = ({avatar, brandColor}) => {
return (
<div className='gh-portal-avatar-container'>
<MemberAvatar gravatar={avatar} style={{userIcon: {color: '#525252', width: '45px', height: '45px'}}} />
<MemberAvatar gravatar={avatar} style={{userIcon: {color: brandColor, width: '45px', height: '45px'}}} />
</div>
);
};
@ -129,11 +129,11 @@ const AccountFooter = ({onLogout, onSettings, brandColor}) => {
);
};
const UserHeader = ({member}) => {
const UserHeader = ({member, brandColor}) => {
const avatar = member.avatar_image;
return (
<div className='gh-portal-account-header'>
<UserAvatar avatar={avatar} />
<UserAvatar avatar={avatar} brandColor={brandColor} />
<h2 className="gh-portal-main-title">Your Account</h2>
</div>
);
@ -192,7 +192,7 @@ class FreeAccountHomePage extends React.Component {
const {member, brandColor} = this.context;
return (
<div>
<UserHeader member={member} />
<UserHeader member={member} brandColor={brandColor} />
{this.renderAccountDetail()}
<AccountFooter onLogout={e => this.handleSignout(e)} onSettings={e => this.openSettings(e)} brandColor={brandColor} />
</div>
@ -320,7 +320,7 @@ class PaidAccountHomePage extends React.Component {
const {member, brandColor} = this.context;
return (
<div>
<UserHeader member={member} />
<UserHeader member={member} brandColor={brandColor} />
{this.renderAccountWelcome()}
<Divider />
{this.renderAccountDetails()}