@ -222,12 +222,12 @@ class Header extends ImmutablePureComponent {
const menu = this . makeMenu ( ) ;
const headerMissing = ( account . get ( 'header' ) . indexOf ( '/headers/original/missing.png' ) > - 1 ) ;
const avatarSize = isSmallScreen ? 90 : 200 ;
const deactivated = account . getIn ( [ 'pleroma' , 'deactivated' ] , false ) ;
return (
< div className = { classNames ( 'account__header' , { inactive : ! ! account . get ( 'moved' ) } ) } >
< div className = { classNames ( 'account__header__image' , { 'account__header__image--none' : headerMissing } ) } >
< div className = { classNames ( 'account__header__image' , { 'account__header__image--none' : headerMissing || deactivated } ) } >
< div className = 'account__header__info' >
{ info }
< / d i v >
@ -239,56 +239,58 @@ class Header extends ImmutablePureComponent {
< div className = 'account__header__extra' >
< div className = 'account__header__avatar' >
< Avatar account = { account } size = { avatarSize } / >
{ ! deactivated && < Avatar account = { account } size = { avatarSize } / > }
< / d i v >
< div className = 'account__header__extra__links' >
< NavLink isActive = { this . isStatusesPageActive } activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } ` } title = { intl . formatNumber ( account . get ( 'statuses_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'statuses_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.posts' defaultMessage = 'Posts' / > < / s p a n >
< / N a v L i n k >
< NavLink exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /following ` } title = { intl . formatNumber ( account . get ( 'following_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'following_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.follows' defaultMessage = 'Follows' / > < / s p a n >
< / N a v L i n k >
< NavLink exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /followers ` } title = { intl . formatNumber ( account . get ( 'followers_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'followers_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.followers' defaultMessage = 'Followers' / > < / s p a n >
< / N a v L i n k >
{
account . get ( 'id' ) === me &&
< div >
< NavLink
exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /favorites ` }
>
{ /* : TODO : shortNumberFormat(account.get('favourite_count')) */ }
< span > • < / s p a n >
< span > < FormattedMessage id = 'navigation_bar.favourites' defaultMessage = 'Likes' / > < / s p a n >
< / N a v L i n k >
< NavLink
exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /pins ` }
>
{ /* : TODO : shortNumberFormat(account.get('pinned_count')) */ }
< span > • < / s p a n >
< span > < FormattedMessage id = 'navigation_bar.pins' defaultMessage = 'Pins' / > < / s p a n >
< / N a v L i n k >
< / d i v >
}
< / d i v >
{ ! deactivated &&
< div className = 'account__header__extra__links' >
< NavLink isActive = { this . isStatusesPageActive } activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } ` } title = { intl . formatNumber ( account . get ( 'statuses_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'statuses_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.posts' defaultMessage = 'Posts' / > < / s p a n >
< / N a v L i n k >
< NavLink exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /following ` } title = { intl . formatNumber ( account . get ( 'following_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'following_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.follows' defaultMessage = 'Follows' / > < / s p a n >
< / N a v L i n k >
< NavLink exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /followers ` } title = { intl . formatNumber ( account . get ( 'followers_count' ) ) } >
< span > { shortNumberFormat ( account . get ( 'followers_count' ) ) } < / s p a n >
< span > < FormattedMessage id = 'account.followers' defaultMessage = 'Followers' / > < / s p a n >
< / N a v L i n k >
{
account . get ( 'id' ) === me &&
< div >
< NavLink
exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /favorites ` }
>
{ /* : TODO : shortNumberFormat(account.get('favourite_count')) */ }
< span > • < / s p a n >
< span > < FormattedMessage id = 'navigation_bar.favourites' defaultMessage = 'Likes' / > < / s p a n >
< / N a v L i n k >
< NavLink
exact activeClassName = 'active' to = { ` /@ ${ account . get ( 'acct' ) } /pins ` }
>
{ /* : TODO : shortNumberFormat(account.get('pinned_count')) */ }
< span > • < / s p a n >
< span > < FormattedMessage id = 'navigation_bar.pins' defaultMessage = 'Pins' / > < / s p a n >
< / N a v L i n k >
< / d i v >
}
< / d i v >
}
{
isSmallScreen &&
< div className = 'account-mobile-container' >
< div className = { classNames ( 'account-mobile-container' , { 'deactivated' : deactivated } ) } >
< ProfileInfoPanel username = { username } account = { account } / >
< / d i v >
}
{
me &&
me && ! deactivated &&
< div className = 'account__header__extra__buttons' >
< ActionButton account = { account } / >
{ account . get ( 'id' ) !== me &&