Add show more/less toggle for entire threads in web UI

Inspired from b6003afcdb but using component
properties instead of redux store for hidden/revealed state.
This commit is contained in:
Thibaut Girka
2018-03-28 19:56:46 +02:00
parent 2888f74c12
commit 64d8d0464d
6 changed files with 54 additions and 20 deletions

View File

@@ -47,10 +47,11 @@ export default class Status extends ImmutablePureComponent {
onMoveDown: PropTypes.func,
getScrollPosition: PropTypes.func,
updateScrollBottom: PropTypes.func,
expanded: PropTypes.bool,
};
state = {
isExpanded: false,
isExpanded: this.props.expanded,
isCollapsed: false,
autoCollapsed: false,
}
@@ -92,6 +93,9 @@ export default class Status extends ImmutablePureComponent {
nextProps.collapse !== this.props.collapse &&
nextProps.collapse !== undefined
) this.setCollapsed(nextProps.collapse);
if (nextProps.expanded !== this.props.expanded &&
nextProps.expanded !== undefined
) this.setExpansion(nextProps.expanded);
}
// When mounting, we just check to see if our status should be collapsed,
@@ -465,7 +469,7 @@ export default class Status extends ImmutablePureComponent {
media={media}
mediaIcon={mediaIcon}
expanded={isExpanded}
setExpansion={setExpansion}
onExpandedToggle={this.handleExpandedToggle}
parseClick={parseClick}
disabled={!router}
/>