2019-01-16 13:47:46 -05:00
import { connect } from 'react-redux' ;
import DetailedStatus from '../components/detailed_status' ;
2020-12-08 22:33:33 -05:00
import { makeGetStatus , makeGetPictureInPicture } from '../../../selectors' ;
2019-01-16 13:47:46 -05:00
import {
replyCompose ,
mentionCompose ,
directCompose ,
} from '../../../actions/compose' ;
import {
reblog ,
favourite ,
unreblog ,
unfavourite ,
pin ,
unpin ,
} from '../../../actions/interactions' ;
import {
muteStatus ,
unmuteStatus ,
deleteStatus ,
hideStatus ,
revealStatus ,
} from '../../../actions/statuses' ;
import { initMuteModal } from '../../../actions/mutes' ;
2019-09-29 15:46:05 -04:00
import { initBlockModal } from '../../../actions/blocks' ;
2021-02-10 18:53:12 -05:00
import { initBoostModal } from '../../../actions/boosts' ;
2019-01-16 13:47:46 -05:00
import { initReport } from '../../../actions/reports' ;
import { openModal } from '../../../actions/modal' ;
2019-09-29 15:46:05 -04:00
import { defineMessages , injectIntl } from 'react-intl' ;
2019-01-16 13:47:46 -05:00
import { boostModal , deleteModal } from '../../../initial_state' ;
import { showAlertForError } from '../../../actions/alerts' ;
const messages = defineMessages ( {
deleteConfirm : { id : 'confirmations.delete.confirm' , defaultMessage : 'Delete' } ,
deleteMessage : { id : 'confirmations.delete.message' , defaultMessage : 'Are you sure you want to delete this status?' } ,
redraftConfirm : { id : 'confirmations.redraft.confirm' , defaultMessage : 'Delete & redraft' } ,
redraftMessage : { id : 'confirmations.redraft.message' , defaultMessage : 'Are you sure you want to delete this status and re-draft it? Favourites and boosts will be lost, and replies to the original post will be orphaned.' } ,
replyConfirm : { id : 'confirmations.reply.confirm' , defaultMessage : 'Reply' } ,
replyMessage : { id : 'confirmations.reply.message' , defaultMessage : 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' } ,
} ) ;
const makeMapStateToProps = ( ) => {
const getStatus = makeGetStatus ( ) ;
2020-12-08 22:33:33 -05:00
const getPictureInPicture = makeGetPictureInPicture ( ) ;
2019-01-16 13:47:46 -05:00
const mapStateToProps = ( state , props ) => ( {
status : getStatus ( state , props ) ,
domain : state . getIn ( [ 'meta' , 'domain' ] ) ,
2020-12-08 22:33:33 -05:00
pictureInPicture : getPictureInPicture ( state , props ) ,
2019-01-16 13:47:46 -05:00
} ) ;
return mapStateToProps ;
} ;
const mapDispatchToProps = ( dispatch , { intl } ) => ( {
onReply ( status , router ) {
dispatch ( ( _ , getState ) => {
let state = getState ( ) ;
if ( state . getIn ( [ 'compose' , 'text' ] ) . trim ( ) . length !== 0 ) {
dispatch ( openModal ( 'CONFIRM' , {
message : intl . formatMessage ( messages . replyMessage ) ,
confirm : intl . formatMessage ( messages . replyConfirm ) ,
onConfirm : ( ) => dispatch ( replyCompose ( status , router ) ) ,
} ) ) ;
} else {
dispatch ( replyCompose ( status , router ) ) ;
}
} ) ;
} ,
2021-02-10 18:53:12 -05:00
onModalReblog ( status , privacy ) {
dispatch ( reblog ( status , privacy ) ) ;
2019-01-16 13:47:46 -05:00
} ,
onReblog ( status , e ) {
if ( status . get ( 'reblogged' ) ) {
dispatch ( unreblog ( status ) ) ;
} else {
if ( e . shiftKey || ! boostModal ) {
this . onModalReblog ( status ) ;
} else {
2021-02-10 18:53:12 -05:00
dispatch ( initBoostModal ( { status , onReblog : this . onModalReblog } ) ) ;
2019-01-16 13:47:46 -05:00
}
}
} ,
onFavourite ( status ) {
if ( status . get ( 'favourited' ) ) {
dispatch ( unfavourite ( status ) ) ;
} else {
dispatch ( favourite ( status ) ) ;
}
} ,
onPin ( status ) {
if ( status . get ( 'pinned' ) ) {
dispatch ( unpin ( status ) ) ;
} else {
dispatch ( pin ( status ) ) ;
}
} ,
onEmbed ( status ) {
dispatch ( openModal ( 'EMBED' , {
url : status . get ( 'url' ) ,
onError : error => dispatch ( showAlertForError ( error ) ) ,
} ) ) ;
} ,
onDelete ( status , history , withRedraft = false ) {
if ( ! deleteModal ) {
dispatch ( deleteStatus ( status . get ( 'id' ) , history , withRedraft ) ) ;
} else {
dispatch ( openModal ( 'CONFIRM' , {
message : intl . formatMessage ( withRedraft ? messages . redraftMessage : messages . deleteMessage ) ,
confirm : intl . formatMessage ( withRedraft ? messages . redraftConfirm : messages . deleteConfirm ) ,
onConfirm : ( ) => dispatch ( deleteStatus ( status . get ( 'id' ) , history , withRedraft ) ) ,
} ) ) ;
}
} ,
onDirect ( account , router ) {
dispatch ( directCompose ( account , router ) ) ;
} ,
onMention ( account , router ) {
dispatch ( mentionCompose ( account , router ) ) ;
} ,
onOpenMedia ( media , index ) {
dispatch ( openModal ( 'MEDIA' , { media , index } ) ) ;
} ,
2020-04-25 06:16:05 -04:00
onOpenVideo ( media , options ) {
dispatch ( openModal ( 'VIDEO' , { media , options } ) ) ;
2019-01-16 13:47:46 -05:00
} ,
2019-03-26 12:34:02 -04:00
onBlock ( status ) {
const account = status . get ( 'account' ) ;
2019-09-29 15:46:05 -04:00
dispatch ( initBlockModal ( account ) ) ;
2019-01-16 13:47:46 -05:00
} ,
onReport ( status ) {
dispatch ( initReport ( status . get ( 'account' ) , status ) ) ;
} ,
onMute ( account ) {
dispatch ( initMuteModal ( account ) ) ;
} ,
onMuteConversation ( status ) {
if ( status . get ( 'muted' ) ) {
dispatch ( unmuteStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( muteStatus ( status . get ( 'id' ) ) ) ;
}
} ,
onToggleHidden ( status ) {
if ( status . get ( 'hidden' ) ) {
dispatch ( revealStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( hideStatus ( status . get ( 'id' ) ) ) ;
}
} ,
} ) ;
export default injectIntl ( connect ( makeMapStateToProps , mapDispatchToProps ) ( DetailedStatus ) ) ;