diff --git a/src/Components/Comments/SingleComment/ExpandedComment.js b/src/Components/Comments/SingleComment/ExpandedComment.js index bfb3b1f..f9b3000 100644 --- a/src/Components/Comments/SingleComment/ExpandedComment.js +++ b/src/Components/Comments/SingleComment/ExpandedComment.js @@ -24,9 +24,11 @@ const ExpandedComment = props => { fontVariant: 'small-caps', display: props.displayCollapse || 'none', }} - onClick={() => props.toggleCollapse(props.id, !props.collapsed)} + onClick={() => + props.toggleCollapse(props.id, !props.collapsedThread) + } > - {props.collapsed ? 'expand' : 'collapse'} + {props.collapsedThread ? 'expand' : 'collapse'} ) : ( '' diff --git a/src/Components/Comments/SingleComment/index.js b/src/Components/Comments/SingleComment/index.js index fd1ba90..1b4417b 100644 --- a/src/Components/Comments/SingleComment/index.js +++ b/src/Components/Comments/SingleComment/index.js @@ -3,7 +3,7 @@ import ExpandedComment from './ExpandedComment' import CollapsedComment from './CollapsedComment' const SingleComment = props => { - if (props.hidden) return + if (props.collapsed) return return } diff --git a/src/Components/Comments/index.js b/src/Components/Comments/index.js index 7233ce7..ce702b5 100644 --- a/src/Components/Comments/index.js +++ b/src/Components/Comments/index.js @@ -23,13 +23,12 @@ class ThreadList extends React.Component { toggleCollapse(id, collapsed) { const otherComments = this.props.comments.filter(c => c.id !== id) var parent = this.props.comments.find(c => c.id === id) - //console.log('toggling', parent) - parent['collapsed'] = collapsed + parent['collapsedThread'] = collapsed if (!collapsed) { // when parent was a reply in a previously collapsed thread // and is to be expanded it will be marked hidden // and needs to be unhidden - parent['hidden'] = false + parent['collapsed'] = false } this.setState({ comments: otherComments.concat(parent) }) parent.replies.map(comment => this.toggleReplies(comment.id, collapsed)) @@ -37,11 +36,9 @@ class ThreadList extends React.Component { toggleReplies(id, collapsed) { const otherComments = this.props.comments.filter(c => c.id !== id) var comment = this.props.comments.find(c => c.id === id) - comment['hidden'] = collapsed + comment['collapsed'] = collapsed this.setState({ comments: otherComments.concat(comment) }) - if (comment.replies) { - comment.replies.map(c => this.toggleReplies(c.id, collapsed)) - } + comment.replies.map(c => this.toggleReplies(c.id, collapsed)) } handleChange(e) {