2017-05-02 20:04:16 -04:00
import React from 'react' ;
2017-01-30 15:40:55 -05:00
import ImmutablePropTypes from 'react-immutable-proptypes' ;
2017-04-21 14:05:35 -04:00
import PropTypes from 'prop-types' ;
2017-12-04 02:26:40 -05:00
import InnerHeader from 'flavours/glitch/features/account/components/header' ;
import ActionBar from 'flavours/glitch/features/account/components/action_bar' ;
2017-05-02 20:04:16 -04:00
import ImmutablePureComponent from 'react-immutable-pure-component' ;
2018-03-16 14:54:00 -04:00
import { FormattedMessage } from 'react-intl' ;
import { NavLink } from 'react-router-dom' ;
2018-03-29 08:43:20 -04:00
import MovedNote from './moved_note' ;
2017-01-30 15:40:55 -05:00
2017-06-23 13:36:54 -04:00
export default class Header extends ImmutablePureComponent {
2017-01-30 15:40:55 -05:00
2017-05-12 08:44:10 -04:00
static propTypes = {
account : ImmutablePropTypes . map ,
2019-03-28 13:01:09 -04:00
identity _proofs : ImmutablePropTypes . list ,
2017-05-12 08:44:10 -04:00
onFollow : PropTypes . func . isRequired ,
onBlock : PropTypes . func . isRequired ,
onMention : PropTypes . func . isRequired ,
2018-03-29 15:13:47 -04:00
onDirect : PropTypes . func . isRequired ,
2017-11-09 09:41:10 -05:00
onReblogToggle : PropTypes . func . isRequired ,
2017-05-12 08:44:10 -04:00
onReport : PropTypes . func . isRequired ,
2017-05-19 15:05:32 -04:00
onMute : PropTypes . func . isRequired ,
onBlockDomain : PropTypes . func . isRequired ,
onUnblockDomain : PropTypes . func . isRequired ,
2018-08-10 10:25:46 -04:00
onEndorseToggle : PropTypes . func . isRequired ,
2018-11-06 11:44:28 -05:00
onAddToList : PropTypes . func . isRequired ,
2018-03-16 15:29:42 -04:00
hideTabs : PropTypes . bool ,
2019-03-25 19:36:25 -04:00
domain : PropTypes . string . isRequired ,
2017-05-12 08:44:10 -04:00
} ;
static contextTypes = {
2017-05-20 11:31:47 -04:00
router : PropTypes . object ,
2017-05-12 08:44:10 -04:00
} ;
2017-01-30 15:40:55 -05:00
2017-05-12 08:44:10 -04:00
handleFollow = ( ) => {
2017-01-30 15:40:55 -05:00
this . props . onFollow ( this . props . account ) ;
2017-04-21 14:05:35 -04:00
}
2017-01-30 15:40:55 -05:00
2017-05-12 08:44:10 -04:00
handleBlock = ( ) => {
2017-01-30 15:40:55 -05:00
this . props . onBlock ( this . props . account ) ;
2017-04-21 14:05:35 -04:00
}
2017-01-30 15:40:55 -05:00
2017-05-12 08:44:10 -04:00
handleMention = ( ) => {
2017-06-20 14:40:03 -04:00
this . props . onMention ( this . props . account , this . context . router . history ) ;
2017-04-21 14:05:35 -04:00
}
2017-01-30 15:40:55 -05:00
2018-03-29 15:13:47 -04:00
handleDirect = ( ) => {
this . props . onDirect ( this . props . account , this . context . router . history ) ;
}
2017-05-12 08:44:10 -04:00
handleReport = ( ) => {
2017-02-14 14:59:26 -05:00
this . props . onReport ( this . props . account ) ;
2017-04-21 14:05:35 -04:00
}
2017-02-14 14:59:26 -05:00
2017-11-09 09:41:10 -05:00
handleReblogToggle = ( ) => {
this . props . onReblogToggle ( this . props . account ) ;
}
2020-09-18 11:26:45 -04:00
handleNotifyToggle = ( ) => {
this . props . onNotifyToggle ( this . props . account ) ;
}
2017-05-12 08:44:10 -04:00
handleMute = ( ) => {
2017-02-05 20:51:56 -05:00
this . props . onMute ( this . props . account ) ;
2017-04-21 14:05:35 -04:00
}
2017-02-05 20:51:56 -05:00
2017-05-19 15:05:32 -04:00
handleBlockDomain = ( ) => {
const domain = this . props . account . get ( 'acct' ) . split ( '@' ) [ 1 ] ;
if ( ! domain ) return ;
2018-03-04 17:38:00 -05:00
this . props . onBlockDomain ( domain ) ;
2017-05-19 15:05:32 -04:00
}
handleUnblockDomain = ( ) => {
const domain = this . props . account . get ( 'acct' ) . split ( '@' ) [ 1 ] ;
if ( ! domain ) return ;
2018-03-04 17:38:00 -05:00
this . props . onUnblockDomain ( domain ) ;
2017-05-19 15:05:32 -04:00
}
2018-08-10 10:25:46 -04:00
handleEndorseToggle = ( ) => {
this . props . onEndorseToggle ( this . props . account ) ;
}
2018-11-06 11:44:28 -05:00
handleAddToList = ( ) => {
this . props . onAddToList ( this . props . account ) ;
}
2020-06-30 13:19:50 -04:00
handleEditAccountNote = ( ) => {
this . props . onEditAccountNote ( this . props . account ) ;
}
2017-01-30 15:40:55 -05:00
render ( ) {
2019-03-28 13:01:09 -04:00
const { account , hideTabs , identity _proofs } = this . props ;
2017-01-30 15:40:55 -05:00
2017-02-26 17:06:27 -05:00
if ( account === null ) {
2019-04-08 23:02:48 -04:00
return null ;
2017-01-30 15:40:55 -05:00
}
return (
2017-04-22 22:26:55 -04:00
< div className = 'account-timeline__header' >
2018-03-29 08:43:20 -04:00
{ account . get ( 'moved' ) && < MovedNote from = { account } to = { account . get ( 'moved' ) } / > }
2017-01-30 15:40:55 -05:00
< InnerHeader
account = { account }
2019-03-28 13:01:09 -04:00
identity _proofs = { identity _proofs }
2017-01-30 15:40:55 -05:00
onFollow = { this . handleFollow }
2018-03-05 05:09:29 -05:00
onBlock = { this . handleBlock }
2019-03-26 00:31:09 -04:00
onMention = { this . handleMention }
onDirect = { this . handleDirect }
onReblogToggle = { this . handleReblogToggle }
2020-09-18 11:26:45 -04:00
onNotifyToggle = { this . handleNotifyToggle }
2019-03-26 00:31:09 -04:00
onReport = { this . handleReport }
onMute = { this . handleMute }
onBlockDomain = { this . handleBlockDomain }
onUnblockDomain = { this . handleUnblockDomain }
onEndorseToggle = { this . handleEndorseToggle }
onAddToList = { this . handleAddToList }
2020-06-30 13:19:50 -04:00
onEditAccountNote = { this . handleEditAccountNote }
2019-03-25 19:36:25 -04:00
domain = { this . props . domain }
2017-01-30 15:40:55 -05:00
/ >
< ActionBar
account = { account }
/ >
2018-03-16 14:54:00 -04:00
2018-03-16 15:29:42 -04:00
{ ! hideTabs && (
< div className = 'account__section-headline' >
< NavLink exact to = { ` /accounts/ ${ account . get ( 'id' ) } ` } > < FormattedMessage id = 'account.posts' defaultMessage = 'Toots' / > < / N a v L i n k >
< NavLink exact to = { ` /accounts/ ${ account . get ( 'id' ) } /with_replies ` } > < FormattedMessage id = 'account.posts_with_replies' defaultMessage = 'Toots with replies' / > < / N a v L i n k >
< NavLink exact to = { ` /accounts/ ${ account . get ( 'id' ) } /media ` } > < FormattedMessage id = 'account.media' defaultMessage = 'Media' / > < / N a v L i n k >
< / d i v >
) }
2017-01-30 15:40:55 -05:00
< / d i v >
) ;
}
2017-04-21 14:05:35 -04:00
2017-05-12 08:44:10 -04:00
}