import React from 'react' import PropTypes from 'prop-types' import ImmutablePropTypes from 'react-immutable-proptypes' import ImmutablePureComponent from 'react-immutable-pure-component' import { FormattedMessage } from 'react-intl' import Video from '../video' export const previewState = 'previewVideoModal' class VideoModal extends ImmutablePureComponent { static contextTypes = { router: PropTypes.object, } componentDidMount () { if (this.context.router) { const history = this.context.router.history history.push(history.location.pathname, previewState) this.unlistenHistory = history.listen(() => { this.props.onClose() }) } } componentWillUnmount () { if (this.context.router) { this.unlistenHistory() if (this.context.router.history.location.state === previewState) { this.context.router.history.goBack() } } } handleStatusClick = e => { if (e.button === 0 && !(e.ctrlKey || e.metaKey)) { e.preventDefault() this.context.router.history.push(`/${this.props.status.getIn(['account', 'acct'])}/posts/${this.props.status.get('id')}`) } } render () { const { media, status, time, onClose } = this.props const link = status && return (
) } } VideoModal.propTypes = { media: ImmutablePropTypes.map.isRequired, status: ImmutablePropTypes.map, time: PropTypes.number, onClose: PropTypes.func.isRequired, } export default VideoModal