diff --git a/app/assets/javascripts/components/components/status.jsx b/app/assets/javascripts/components/components/status.jsx index 1df7f1fcf9..9f9e877e6b 100644 --- a/app/assets/javascripts/components/components/status.jsx +++ b/app/assets/javascripts/components/components/status.jsx @@ -6,10 +6,14 @@ import IconButton from './icon_button'; import DisplayName from './display_name'; import MediaGallery from './media_gallery'; import VideoPlayer from './video_player'; -import { hashHistory } from 'react-router'; +import StatusContent from './status_content'; const Status = React.createClass({ + contextTypes: { + router: React.PropTypes.object + }, + propTypes: { status: ImmutablePropTypes.map.isRequired, wrapped: React.PropTypes.bool, @@ -34,20 +38,19 @@ const Status = React.createClass({ handleClick () { const { status } = this.props; - hashHistory.push(`/statuses/${status.getIn(['reblog', 'id'], status.get('id'))}`); + this.context.router.push(`/statuses/${status.getIn(['reblog', 'id'], status.get('id'))}`); }, handleAccountClick (id, e) { if (e.button === 0) { e.preventDefault(); - hashHistory.push(`/accounts/${id}`); + this.context.router.push(`/accounts/${id}`); } e.stopPropagation(); }, render () { - var content = { __html: this.props.status.get('content') }; var media = ''; var { status, ...other } = this.props; @@ -89,7 +92,7 @@ const Status = React.createClass({ -
+