diff --git a/client/coral-embed-stream/src/components/Stream.js b/client/coral-embed-stream/src/components/Stream.js index 2875d0397..50f2800a3 100644 --- a/client/coral-embed-stream/src/components/Stream.js +++ b/client/coral-embed-stream/src/components/Stream.js @@ -1,28 +1,30 @@ import React, {PropTypes} from 'react'; + import {Button} from 'coral-ui'; -import Comment from '../containers/Comment'; -import CommentBox from 'coral-plugin-commentbox/CommentBox'; -import SuspendedAccount from 'coral-framework/components/SuspendedAccount'; -import RestrictedContent from 'coral-framework/components/RestrictedContent'; -import ChangeUsernameContainer from 'coral-sign-in/containers/ChangeUsernameContainer'; -import IgnoredCommentTombstone from './IgnoredCommentTombstone'; -import InfoBox from 'coral-plugin-infobox/InfoBox'; -import QuestionBox from 'coral-plugin-questionbox/QuestionBox'; import LoadMore from './LoadMore'; import NewCount from './NewCount'; +import Comment from '../containers/Comment'; +import Slot from 'coral-framework/components/Slot'; +import InfoBox from 'coral-plugin-infobox/InfoBox'; import {ModerationLink} from 'coral-plugin-moderation'; +import CommentBox from 'coral-plugin-commentbox/CommentBox'; +import QuestionBox from 'coral-plugin-questionbox/QuestionBox'; +import IgnoredCommentTombstone from './IgnoredCommentTombstone'; +import SuspendedAccount from 'coral-framework/components/SuspendedAccount'; +import RestrictedContent from 'coral-framework/components/RestrictedContent'; +import ChangeUsernameContainer + from 'coral-sign-in/containers/ChangeUsernameContainer'; class Stream extends React.Component { - - setActiveReplyBox = (reactKey) => { + setActiveReplyBox = reactKey => { if (!this.props.auth.user) { this.props.showSignInDialog(); } else { this.props.setActiveReplyBox(reactKey); } - } + }; - render () { + render() { const { root: {asset, asset: {comments}, comment, myIgnoredUsers}, postItem, @@ -39,152 +41,158 @@ class Stream extends React.Component { ignoreUser, auth: {loggedIn, isAdmin, user}, commentCountCache, - editName, + editName } = this.props; const open = asset.closedAt === null; // even though the permalinked comment is the highlighted one, we're displaying its parent + replies - const highlightedComment = comment && comment.parent ? comment.parent : comment; + const highlightedComment = comment && comment.parent + ? comment.parent + : comment; const banned = user && user.status === 'BANNED'; - const hasOlderComments = !!( - asset && + const hasOlderComments = !!(asset && asset.lastComment && - asset.lastComment.id !== asset.comments[asset.comments.length - 1].id - ); + asset.lastComment.id !== asset.comments[asset.comments.length - 1].id); // Find the created_at date of the first comment. If no comments exist, set the date to a week ago. const firstCommentDate = asset.comments[0] ? asset.comments[0].created_at : new Date(Date.now() - 1000 * 60 * 60 * 24 * 7).toISOString(); - const commentIsIgnored = (comment) => myIgnoredUsers && myIgnoredUsers.includes(comment.user.id); + const commentIsIgnored = comment => + myIgnoredUsers && myIgnoredUsers.includes(comment.user.id); return ( -
{asset.settings.closedMessage}
- } - {!loggedIn && } - {loggedIn && user &&{asset.settings.closedMessage}
} + {!loggedIn && + } + {loggedIn && + user && +