Move to components folder

2026-09-11 12:51:33 +08:00 · 2017-04-18 23:14:28 +07:00
parent 7526d64bc0
commit b40eed4751
12 changed files with 0 additions and 0 deletions
@@ -0,0 +1,96 @@
+import React, {PropTypes} from 'react';
+import Comment from './Comment';
+import IgnoredCommentTombstone from './IgnoredCommentTombstone';
+
+class Stream extends React.Component {
+
+  static propTypes = {
+    addNotification: PropTypes.func.isRequired,
+    postItem: PropTypes.func.isRequired,
+    asset: PropTypes.object.isRequired,
+    open: PropTypes.bool.isRequired,
+    comments: PropTypes.array.isRequired,
+    currentUser: PropTypes.shape({
+      username: PropTypes.string,
+      id: PropTypes.string
+    }),
+
+    // dispatch action to add a tag to a comment
+    addCommentTag: PropTypes.func,
+
+    // dispatch action to remove a tag from a comment
+    removeCommentTag: PropTypes.func,
+
+    // dispatch action to ignore another user
+    ignoreUser: React.PropTypes.func,
+
+    // list of user ids that should be rendered as ignored
+    ignoredUsers: React.PropTypes.arrayOf(React.PropTypes.string)
+  }
+
+  constructor(props) {
+    super(props);
+    this.state = {activeReplyBox: '', countPoll: null};
+  }
+
+  render () {
+    const {
+      comments,
+      currentUser,
+      asset,
+      postItem,
+      addNotification,
+      postFlag,
+      postLike,
+      open,
+      postDontAgree,
+      loadMore,
+      deleteAction,
+      showSignInDialog,
+      addCommentTag,
+      removeCommentTag,
+      pluginProps,
+      ignoreUser,
+      ignoredUsers,
+    } = this.props;
+    const commentIsIgnored = (comment) => ignoredUsers && ignoredUsers.includes(comment.user.id);
+    return (
+      <div id='stream'>
+        {
+          comments.map(comment =>
+            commentIsIgnored(comment)
+              ? <IgnoredCommentTombstone
+                  key={comment.id}
+                />
+              : <Comment
+                  disableReply={!open}
+                  setActiveReplyBox={this.props.setActiveReplyBox}
+                  activeReplyBox={this.props.activeReplyBox}
+                  addNotification={addNotification}
+                  depth={0}
+                  postItem={postItem}
+                  asset={asset}
+                  currentUser={currentUser}
+                  postLike={postLike}
+                  postFlag={postFlag}
+                  postDontAgree={postDontAgree}
+                  addCommentTag={addCommentTag}
+                  removeCommentTag={removeCommentTag}
+                  ignoreUser={ignoreUser}
+                  commentIsIgnored={commentIsIgnored}
+                  loadMore={loadMore}
+                  deleteAction={deleteAction}
+                  showSignInDialog={showSignInDialog}
+                  key={comment.id}
+                  reactKey={comment.id}
+                  comment={comment}
+                  pluginProps={pluginProps}
+                />
+          )
+        }
+      </div>
+    );
+  }
+}
+
+export default Stream;