computed stuff

computed_decorator.js

// ConversationList.js
@Cerebral({}, {
  conversations: ['decoratedConversations']
})
class ConversationList extends React.Component {
  render() {
    return (
      {this.props.conversations.map((conversation) => <Conversation key={conversation.uid} conversation={conversation}/>)}
    );
  }
}

//Conversation.js
class Conversation extends React.Component {
  render() {
    return (
      <div>
        <div>{this.props.isNew ? "UNREAD" : "READ"}</div>
        <div>{this.props.conversation.subject}</div>
      </div>
    );
  }
}

// controller.js
const computed = {
  isNew: function(get, getComputed) {
    return (conversation) => {
      return conversation.read_by_uids.every((uid) => {
        uid !== getComputed(['currentPracticeUserUid']);
      });
    };
  },

  decoratedConversations: function(get, getComputed) {
    return get(['conversations']).map((conversation) => {
      let clone   = Object.assign({}, conversation);
      clone.isNew = computed.isNew(get, getComputed)(conversation);
      return clone;
    });
  }
};