/*** @jsx React.DOM */

var React = require("react");

var GroupSeenBy = React.createClass({
  render() {
    return (
      <div className="seen-by">
        <ul>
          <li>Seen by:</li>
        </ul>
      </div>
    );
  }
});

module.exports = GroupSeenBy;

/*** @jsx React.DOM */

var React = require("react");

var Gravatar = require("../../components/gravatar");
var GroupState = require("../../mixins/groupState");

var GroupSeenBy = React.createClass({
  mixins: [GroupState],

  render() {
    var group = this.getGroup();

    var seenByNodes = group.seenBy.map((user, userIdx) => {
      return (
        <li key={userIdx}>
          <Gravatar size={24} email={user.email} />
        </li>
      );
    });

    if (!seenByNodes) {
      return <div />;
    }

    return (
      <div className="seen-by">
        <ul>
          <li>Seen by:</li>
          {seenByNodes}
        </ul>
      </div>
    );
  }
});

module.exports = GroupSeenBy;

Use real data for seen by
Use real data for seen by
