|
|
|
@ -3,7 +3,6 @@ import ReactSwipeableViews from 'react-swipeable-views'; |
|
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes'; |
|
|
|
|
import PropTypes from 'prop-types'; |
|
|
|
|
import Video from 'flavours/glitch/features/video'; |
|
|
|
|
import { connect } from 'react-redux'; |
|
|
|
|
import classNames from 'classnames'; |
|
|
|
|
import { defineMessages, injectIntl } from 'react-intl'; |
|
|
|
|
import { IconButton } from 'flavours/glitch/components/icon_button'; |
|
|
|
@ -21,10 +20,6 @@ const messages = defineMessages({ |
|
|
|
|
next: { id: 'lightbox.next', defaultMessage: 'Next' }, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const mapStateToProps = (state, { statusId }) => ({ |
|
|
|
|
language: state.getIn(['statuses', statusId, 'language']), |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
class MediaModal extends ImmutablePureComponent { |
|
|
|
|
|
|
|
|
|
static contextTypes = { |
|
|
|
@ -34,6 +29,7 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
static propTypes = { |
|
|
|
|
media: ImmutablePropTypes.list.isRequired, |
|
|
|
|
statusId: PropTypes.string, |
|
|
|
|
lang: PropTypes.string, |
|
|
|
|
index: PropTypes.number.isRequired, |
|
|
|
|
onClose: PropTypes.func.isRequired, |
|
|
|
|
intl: PropTypes.object.isRequired, |
|
|
|
@ -135,7 +131,7 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
render () { |
|
|
|
|
const { media, language, statusId, intl, onClose } = this.props; |
|
|
|
|
const { media, statusId, lang, intl, onClose } = this.props; |
|
|
|
|
const { navigationHidden } = this.state; |
|
|
|
|
|
|
|
|
|
const index = this.getIndex(); |
|
|
|
@ -155,7 +151,7 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
width={width} |
|
|
|
|
height={height} |
|
|
|
|
alt={image.get('description')} |
|
|
|
|
lang={language} |
|
|
|
|
lang={lang} |
|
|
|
|
key={image.get('url')} |
|
|
|
|
onClick={this.toggleNavigation} |
|
|
|
|
zoomButtonHidden={this.state.zoomButtonHidden} |
|
|
|
@ -178,7 +174,7 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
onCloseVideo={onClose} |
|
|
|
|
detailed |
|
|
|
|
alt={image.get('description')} |
|
|
|
|
lang={language} |
|
|
|
|
lang={lang} |
|
|
|
|
key={image.get('url')} |
|
|
|
|
/> |
|
|
|
|
); |
|
|
|
@ -190,7 +186,7 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
height={height} |
|
|
|
|
key={image.get('url')} |
|
|
|
|
alt={image.get('description')} |
|
|
|
|
lang={language} |
|
|
|
|
lang={lang} |
|
|
|
|
onClick={this.toggleNavigation} |
|
|
|
|
/> |
|
|
|
|
); |
|
|
|
@ -258,4 +254,4 @@ class MediaModal extends ImmutablePureComponent { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export default connect(mapStateToProps, null, null, { forwardRef: true })(injectIntl(MediaModal)); |
|
|
|
|
export default injectIntl(MediaModal); |
|
|
|
|