import React from 'react'; import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePureComponent from 'react-immutable-pure-component'; import { MediaGallery, Video, Audio } from 'flavours/glitch/features/ui/util/async-components'; import Bundle from 'flavours/glitch/features/ui/components/bundle'; import noop from 'lodash/noop'; export default class MediaAttachments extends ImmutablePureComponent { static propTypes = { status: ImmutablePropTypes.map.isRequired, height: PropTypes.number, width: PropTypes.number, revealed: PropTypes.bool, }; static defaultProps = { height: 110, width: 239, }; updateOnProps = [ 'status', ]; renderLoadingMediaGallery = () => { const { height, width } = this.props; return (
); } renderLoadingVideoPlayer = () => { const { height, width } = this.props; return (
); } renderLoadingAudioPlayer = () => { const { height, width } = this.props; return (
); } render () { const { status, width, height, revealed } = this.props; const mediaAttachments = status.get('media_attachments'); if (mediaAttachments.size === 0) { return null; } if (mediaAttachments.getIn([0, 'type']) === 'audio') { const audio = mediaAttachments.get(0); return ( {Component => ( )} ); } else if (mediaAttachments.getIn([0, 'type']) === 'video') { const video = mediaAttachments.get(0); return ( {Component => ( )} ); } else { return ( {Component => ( )} ); } } }