import {React} from 'nylas-exports' import {RetinaImg} from 'nylas-component-kit' import {PLUGIN_ID} from './open-tracking-constants' export default class OpenTrackingIcon extends React.Component { static displayName = 'OpenTrackingIcon'; static propTypes = { thread: React.PropTypes.object.isRequired, }; constructor(props) { super(props); this.state = this._getStateFromThread(props.thread) } componentWillReceiveProps(newProps) { this.setState(this._getStateFromThread(newProps.thread)); } _getStateFromThread(thread) { const messages = thread.metadata; if ((messages || []).length === 0) { return {opened: false, hasMetadata: false} } const metadataObjs = messages.map(msg => msg.metadataForPluginId(PLUGIN_ID)).filter(meta => meta); return { hasMetadata: metadataObjs.length > 0, opened: metadataObjs.length > 0 && metadataObjs.every(m => m.open_count > 0), }; } _renderImage() { return ( ); } render() { const title = this.state.opened ? "This message has been read at least once" : "This message has not been read"; return (
{this.state.hasMetadata ? this._renderImage() : ""}
); } }