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

@@ -24,6 +24,8 @@ export default class DetailedStatus extends ImmutablePureComponent {
settings: ImmutablePropTypes.map.isRequired,
onOpenMedia: PropTypes.func.isRequired,
onOpenVideo: PropTypes.func.isRequired,
onToggleHidden: PropTypes.func.isRequired,
expanded: PropTypes.bool,
};
handleAccountClick = (e) => {
@@ -41,7 +43,7 @@ export default class DetailedStatus extends ImmutablePureComponent {
render () {
const status = this.props.status.get('reblog') ? this.props.status.get('reblog') : this.props.status;
const { expanded, setExpansion, settings } = this.props;
const { expanded, onToggleHidden, settings } = this.props;
let media = '';
let mediaIcon = null;
@@ -115,7 +117,7 @@ export default class DetailedStatus extends ImmutablePureComponent {
mediaIcon={mediaIcon}
expanded={expanded}
collapsed={false}
setExpansion={setExpansion}
onExpandedToggle={onToggleHidden}
/>
<div className='detailed-status__meta'>