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) {