Stateless React component

stateless-component.js

import PureRenderMixin from 'react-addons-pure-render-mixin';
import React from 'react';

import Audio from './Audio';
import Image from './Image';
import MediaRecord from 'ph/records/MediaRecord';
import PostRecord from 'ph/records/PostRecord';
import Video from './Video';
import {MEDIA_TYPE_AUDIO, MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO} from 'ph/constants/MediaConstants';

/**
 * Different post thumbnail types.
 */

const TYPES = {
  [MEDIA_TYPE_AUDIO]: Audio,
  [MEDIA_TYPE_IMAGE]: Image,
  [MEDIA_TYPE_VIDEO]: Video,
};

/**
 * PostThumbnail component.
 *
 * @function
 * @public
 */

const PostThumbnail = ({post}) => {
  if (!post.thumbnail) {
    return <span />;
  }

  const media = new MediaRecord(post.thumbnail);
  const Component = TYPES[media.media_type] || Image;

  return (
    <Component media={media} post={post} />
  );
};

PostThumbnail.mixins = [
  PureRenderMixin,
];

PostThumbnail.propTypes = {
  post: React.PropTypes.instanceOf(PostRecord).isRequired,
};

export default PostThumbnail;