bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'feature/expand-profile-banner' into 'develop'

Browse source 
Make profile banner expandable, fixes #725

Closes #725

See merge request soapbox-pub/soapbox-fe!696
This commit is contained in:
Alex Gleason 2021-08-28 01:12:59 +00:00
commit 58701e62eb
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/soapbox/features/account/components/header.js
View file

@ -137,6 +137,24 @@ class Header extends ImmutablePureComponent {
}
}
onHeaderClick = () => {
const header_url = this.props.account.get('header');
const header = ImmutableMap({
type: 'image',
preview_url: header_url,
url: header_url,
description: '',
});
this.props.dispatch(openModal('MEDIA', { media: ImmutableList.of(header), index: 0 }));
}
handleHeaderClick = (e) => {
if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
e.preventDefault();
this.onHeaderClick();
}
}
makeMenu() {
const { account, intl, me, meAccount, version } = this.props;
@ -309,7 +327,9 @@ class Header extends ImmutablePureComponent {
<SubscriptionButton account={account} />
</div>
{header && <StillImage src={account.get('header')} alt='' className='parallax' />}
{header && <a className='account__header__header' href={account.get('header')} onClick={this.handleHeaderClick} target='_blank'>
<StillImage src={account.get('header')} alt='' className='parallax' />
</a>}
</div>
<div className='account__header__bar'>