OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

only create resizer in MainSplit when ref becomes available

pull/21833/head
Bruno Windels 2018-10-31 12:08:41 +01:00
parent a40f1933f2
commit d535f60bf6
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/structures/MainSplit.js
View File

@ -35,28 +35,42 @@ export default class MainSplit extends React.Component {
this.resizeContainer,
FixedDistributor);
resizer.setClassNames(classNames);
return resizer;
const rhsSize = window.localStorage.getItem("mx_rhs_size");
if (rhsSize !== null) {
resizer.forHandleAt(0).resize(parseInt(rhsSize, 10));
}
resizer.attach();
this.resizer = resizer;
}
_setResizeContainerRef(div) {
this.resizeContainer = div;
}
_loadResizerPreferences() {
const rhsSize = window.localStorage.getItem("mx_rhs_size");
if (rhsSize !== null) {
this.resizer.forHandleAt(0).resize(parseInt(rhsSize, 10));
}
}
componentDidMount() {
this.resizer = this._createResizer();
this.resizer.attach();
this._loadResizerPreferences();
if (this.props.panel && !this.collapsedRhs) {
this._createResizer();
}
}
componentWillUnmount() {
this.resizer.detach();
this.resizer = null;
}
componentDidUpdate(prevProps) {
const wasExpanded = !this.props.collapsedRhs && prevProps.collapsedRhs;
const wasCollapsed = this.props.collapsedRhs && !prevProps.collapsedRhs;
const wasPanelSet = this.props.panel && !prevProps.panel;
const wasPanelCleared = !this.props.panel && prevProps.panel;
if (wasExpanded || wasPanelSet) {
this._createResizer();
} else if (wasCollapsed || wasPanelCleared) {
this.resizer.detach();
this.resizer = null;
}
}
render() {
@ -68,7 +82,7 @@ export default class MainSplit extends React.Component {
} else {
return <div className="mx_MainSplit" ref={this._setResizeContainerRef}>
{ bodyView }
<ResizeHandle reverse={true}/>
<ResizeHandle reverse={true} />
{ panelView }
</div>;
}