2017-07-06 04:51:03 +03:00
/ *
` <StatusContainer> `
=== === === === === === =
Original file by @ gargron @ mastodon . social et al as part of
tootsuite / mastodon . Documentation by @ kibi @ glitch . social . The code
detecting reblogs has been moved here from < Status > .
* /
/* * * * */
/ *
Imports :
-- -- -- --
* /
// Our standard React/Redux imports:
2017-05-03 03:04:16 +03:00
import React from 'react' ;
2016-11-23 23:57:57 +02:00
import { connect } from 'react-redux' ;
2017-07-06 04:51:03 +03:00
// Our `<Status>`:
2016-11-23 23:57:57 +02:00
import Status from '../components/status' ;
2017-07-06 04:51:03 +03:00
// This selector helps us get our status from the store:
2016-10-24 18:11:02 +03:00
import { makeGetStatus } from '../selectors' ;
2017-07-06 04:51:03 +03:00
// These are our various `<Status>`-related actions:
2016-10-24 18:11:02 +03:00
import {
replyCompose ,
2017-05-20 18:31:47 +03:00
mentionCompose ,
2016-11-23 23:57:57 +02:00
} from '../actions/compose' ;
2016-10-24 18:11:02 +03:00
import {
reblog ,
favourite ,
unreblog ,
2017-05-20 18:31:47 +03:00
unfavourite ,
2016-11-23 23:57:57 +02:00
} from '../actions/interactions' ;
2017-02-06 03:51:56 +02:00
import {
blockAccount ,
2017-05-20 18:31:47 +03:00
muteAccount ,
2017-02-06 03:51:56 +02:00
} from '../actions/accounts' ;
2017-07-06 04:51:03 +03:00
import {
muteStatus ,
unmuteStatus ,
deleteStatus ,
} from '../actions/statuses' ;
2017-02-14 21:59:26 +02:00
import { initReport } from '../actions/reports' ;
2017-04-01 23:11:28 +03:00
import { openModal } from '../actions/modal' ;
2017-07-06 04:51:03 +03:00
// We will need internationalization in this component:
import {
defineMessages ,
injectIntl ,
FormattedMessage ,
} from 'react-intl' ;
/* * * * */
/ *
Inital setup :
-- -- -- -- -- -- -
The ` messages ` constant is used to define any messages that we will
need in our component . In our case , these are the various confirmation
messages used with statuses .
* /
2017-04-23 05:39:50 +03:00
const messages = defineMessages ( {
2017-07-06 04:51:03 +03:00
deleteConfirm : {
id : 'confirmations.delete.confirm' ,
defaultMessage : 'Delete' ,
} ,
deleteMessage : {
id : 'confirmations.delete.message' ,
defaultMessage : 'Are you sure you want to delete this status?' ,
} ,
blockConfirm : {
id : 'confirmations.block.confirm' ,
defaultMessage : 'Block' ,
} ,
muteConfirm : {
id : 'confirmations.mute.confirm' ,
defaultMessage : 'Mute' ,
} ,
2017-04-23 05:39:50 +03:00
} ) ;
2016-10-24 18:11:02 +03:00
2017-07-06 04:51:03 +03:00
/* * * * */
/ *
State mapping :
-- -- -- -- -- -- --
The ` mapStateToProps() ` function maps various state properties to the
props of our component . We wrap this in a ` makeMapStateToProps() `
function to give us closure and preserve ` getStatus() ` across function
calls .
* /
2017-02-22 17:30:09 +02:00
const makeMapStateToProps = ( ) => {
const getStatus = makeGetStatus ( ) ;
2016-10-24 18:11:02 +03:00
2017-07-06 04:51:03 +03:00
const mapStateToProps = ( state , ownProps ) => {
let status = getStatus ( state , ownProps . id ) ;
let reblogStatus = status . get ( 'reblog' , null ) ;
let account = undefined ;
let prepend = undefined ;
/ *
Here we process reblogs . If our status is a reblog , then we create a
` prependMessage ` to pass along to our ` <Status> ` along with the
reblogger ' s ` account ` , and set ` coreStatus ` ( the one we will actually
render ) to the status which has been reblogged .
* /
if ( reblogStatus !== null && typeof reblogStatus === 'object' ) {
account = status . get ( 'account' ) ;
status = reblogStatus ;
prepend = 'reblogged_by' ;
}
/ *
Here are the props we pass to ` <Status> ` .
* /
return {
status : status ,
account : account || ownProps . account ,
me : state . getIn ( [ 'meta' , 'me' ] ) ,
settings : state . get ( 'local_settings' ) ,
prepend : prepend || ownProps . prepend ,
reblogModal : state . getIn ( [ 'meta' , 'boost_modal' ] ) ,
deleteModal : state . getIn ( [ 'meta' , 'delete_modal' ] ) ,
autoPlayGif : state . getIn ( [ 'meta' , 'auto_play_gif' ] ) ,
} ;
} ;
2016-10-24 18:11:02 +03:00
return mapStateToProps ;
} ;
2017-07-06 04:51:03 +03:00
/* * * * */
/ *
Dispatch mapping :
-- -- -- -- -- -- -- -- -
The ` mapDispatchToProps() ` function maps dispatches to our store to the
various props of our component . We need to provide dispatches for all
of the things you can do with a status : reply , reblog , favourite , et
cetera .
For a few of these dispatches , we open up confirmation modals ; the rest
just immediately execute their corresponding actions .
* /
2017-04-23 05:39:50 +03:00
const mapDispatchToProps = ( dispatch , { intl } ) => ( {
2016-10-24 18:11:02 +03:00
2016-11-21 11:52:11 +02:00
onReply ( status , router ) {
dispatch ( replyCompose ( status , router ) ) ;
2016-10-24 18:11:02 +03:00
} ,
2017-04-11 05:28:52 +03:00
onModalReblog ( status ) {
dispatch ( reblog ( status ) ) ;
} ,
2017-04-11 15:34:14 +03:00
onReblog ( status , e ) {
2016-10-24 18:11:02 +03:00
if ( status . get ( 'reblogged' ) ) {
dispatch ( unreblog ( status ) ) ;
} else {
2017-07-06 04:51:03 +03:00
if ( e . shiftKey || ! this . reblogModal ) {
2017-04-11 15:34:14 +03:00
this . onModalReblog ( status ) ;
} else {
dispatch ( openModal ( 'BOOST' , { status , onReblog : this . onModalReblog } ) ) ;
}
2016-10-24 18:11:02 +03:00
}
} ,
onFavourite ( status ) {
if ( status . get ( 'favourited' ) ) {
dispatch ( unfavourite ( status ) ) ;
} else {
dispatch ( favourite ( status ) ) ;
}
} ,
onDelete ( status ) {
2017-05-29 18:56:13 +03:00
if ( ! this . deleteModal ) {
dispatch ( deleteStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( openModal ( 'CONFIRM' , {
message : intl . formatMessage ( messages . deleteMessage ) ,
confirm : intl . formatMessage ( messages . deleteConfirm ) ,
onConfirm : ( ) => dispatch ( deleteStatus ( status . get ( 'id' ) ) ) ,
} ) ) ;
}
2016-10-24 18:11:02 +03:00
} ,
2017-01-08 12:04:01 +02:00
onMention ( account , router ) {
2017-01-30 22:40:55 +02:00
dispatch ( mentionCompose ( account , router ) ) ;
2016-10-24 19:07:40 +03:00
} ,
2017-02-05 03:48:11 +02:00
onOpenMedia ( media , index ) {
2017-04-01 23:11:28 +03:00
dispatch ( openModal ( 'MEDIA' , { media , index } ) ) ;
2016-11-23 23:57:57 +02:00
} ,
2017-04-13 18:01:09 +03:00
onOpenVideo ( media , time ) {
dispatch ( openModal ( 'VIDEO' , { media , time } ) ) ;
2017-04-13 16:04:18 +03:00
} ,
2016-11-23 23:57:57 +02:00
onBlock ( account ) {
2017-04-23 05:39:50 +03:00
dispatch ( openModal ( 'CONFIRM' , {
message : < FormattedMessage id = 'confirmations.block.message' defaultMessage = 'Are you sure you want to block {name}?' values = { { name : < strong > @ { account . get ( 'acct' ) } < /strong> }} / > ,
confirm : intl . formatMessage ( messages . blockConfirm ) ,
2017-05-20 18:31:47 +03:00
onConfirm : ( ) => dispatch ( blockAccount ( account . get ( 'id' ) ) ) ,
2017-04-23 05:39:50 +03:00
} ) ) ;
2017-02-14 21:59:26 +02:00
} ,
onReport ( status ) {
dispatch ( initReport ( status . get ( 'account' ) , status ) ) ;
2017-02-06 03:51:56 +02:00
} ,
onMute ( account ) {
2017-04-23 05:39:50 +03:00
dispatch ( openModal ( 'CONFIRM' , {
message : < FormattedMessage id = 'confirmations.mute.message' defaultMessage = 'Are you sure you want to mute {name}?' values = { { name : < strong > @ { account . get ( 'acct' ) } < /strong> }} / > ,
confirm : intl . formatMessage ( messages . muteConfirm ) ,
2017-05-20 18:31:47 +03:00
onConfirm : ( ) => dispatch ( muteAccount ( account . get ( 'id' ) ) ) ,
2017-04-23 05:39:50 +03:00
} ) ) ;
2017-02-06 03:51:56 +02:00
} ,
2016-10-24 18:11:02 +03:00
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-15 04:04:13 +03:00
onMuteConversation ( status ) {
if ( status . get ( 'muted' ) ) {
dispatch ( unmuteStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( muteStatus ( status . get ( 'id' ) ) ) ;
}
} ,
2016-10-24 18:11:02 +03:00
} ) ;
2017-07-06 04:51:03 +03:00
export default injectIntl (
connect ( makeMapStateToProps , mapDispatchToProps ) ( Status )
) ;