1 files changed, 82 insertions, 0 deletions
diff --git a/webapp/components/post_view/components/reaction_list_container.jsx b/webapp/components/post_view/components/reaction_list_container.jsx
new file mode 100644
index 000000000..0ac4fa35a
--- /dev/null
+++ b/webapp/components/post_view/components/reaction_list_container.jsx
@@ -0,0 +1,82 @@
+// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+
+import * as AsyncClient from 'utils/async_client.jsx';
+import ReactionStore from 'stores/reaction_store.jsx';
+
+import ReactionListView from './reaction_list_view.jsx';
+
+export default class ReactionListContainer extends React.Component {
+    static propTypes = {
+        post: React.PropTypes.object.isRequired,
+        currentUserId: React.PropTypes.string.isRequired
+    }
+
+    constructor(props) {
+        super(props);
+
+        this.handleReactionsChanged = this.handleReactionsChanged.bind(this);
+
+        this.state = {
+            reactions: ReactionStore.getReactions(this.props.post.id)
+        };
+    }
+
+    componentDidMount() {
+        ReactionStore.addChangeListener(this.props.post.id, this.handleReactionsChanged);
+
+        if (this.props.post.has_reactions) {
+            AsyncClient.listReactions(this.props.post.channel_id, this.props.post.id);
+        }
+    }
+
+    componentWillReceiveProps(nextProps) {
+        if (nextProps.post.id !== this.props.post.id) {
+            ReactionStore.removeChangeListener(this.props.post.id, this.handleReactionsChanged);
+            ReactionStore.addChangeListener(nextProps.post.id, this.handleReactionsChanged);
+
+            this.setState({
+                reactions: ReactionStore.getReactions(nextProps.post.id)
+            });
+        }
+    }
+
+    shouldComponentUpdate(nextProps, nextState) {
+        if (nextProps.post.has_reactions !== this.props.post.has_reactions) {
+            return true;
+        }
+
+        if (nextState.reactions !== this.state.reactions) {
+            // this will only work so long as the entries in the ReactionStore are never mutated
+            return true;
+        }
+
+        return false;
+    }
+
+    componentWillUnmount() {
+        ReactionStore.removeChangeListener(this.props.post.id, this.handleReactionsChanged);
+    }
+
+    handleReactionsChanged() {
+        this.setState({
+            reactions: ReactionStore.getReactions(this.props.post.id)
+        });
+    }
+
+    render() {
+        if (!this.props.post.has_reactions) {
+            return null;
+        }
+
+        return (
+            <ReactionListView
+                post={this.props.post}
+                currentUserId={this.props.currentUserId}
+                reactions={this.state.reactions}
+            />
+        );
+    }
+}