|
- import React from 'react';
- import ImmutablePropTypes from 'react-immutable-proptypes';
- import ImmutablePureComponent from 'react-immutable-pure-component';
- import Permalink from '../../../components/permalink';
-
- class MediaItem extends ImmutablePureComponent {
-
- static propTypes = {
- media: ImmutablePropTypes.map.isRequired,
- };
-
- render () {
- const { media } = this.props;
- const status = media.get('status');
-
- let content, style;
-
- if (media.get('type') === 'gifv') {
- content = <span className='media-gallery__gifv__label'>GIF</span>;
- }
-
- if (!status.get('sensitive')) {
- style = { backgroundImage: `url(${media.get('preview_url')})` };
- }
-
- return (
- <div className='account-gallery__item'>
- <Permalink
- to={`/statuses/${status.get('id')}`}
- href={status.get('url')}
- style={style}
- >
- {content}
- </Permalink>
- </div>
- );
- }
-
- }
-
- export default MediaItem;
|