/* jshint ignore:start */
import React from 'react';
import Icon from './icon';
import Info from './info';
import Message from './message';
import UnreadLabel from './unread-label';
import Waypoint from '../waypoint';

export default function(props) {
  let className = 'event';
  if (props.post.isDeleted) {
    className = 'hide';
  } else if (props.post.is_hidden) {
    className = 'event post-hidden';
  }

  props.post.is_read = false;

  return (
    <li id={'post-' + props.post.id} className={className}>
      <UnreadLabel post={props.post} />
      <div className="row">
        <div className="col-xs-2 col-sm-3 text-right">
          <Icon {...props} />
        </div>
        <div className="col-xs-10 col-sm-9 text-left">
          <Waypoint post={props.post}>
            <Message {...props} />
            <Info {...props} />
          </Waypoint>
        </div>
      </div>
    </li>
  );
}