imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make status bar area not show when it is undefined

Browse source 
e.g. when user is in call, and there are search results
This commit is contained in:
Panagiotis 2021-03-13 15:24:26 +02:00
parent 6a5ea970e9
commit 879dd6eaea
1 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/structures/RoomView.tsx
View file

@ -1841,6 +1841,17 @@ export default class RoomView extends React.Component<IProps, IState> {
/>; />;
} }
const statusBarAreaClass = classNames("mx_RoomView_statusArea", {
"mx_RoomView_statusArea_expanded": isStatusAreaExpanded,
});
const statusBarArea = statusBar && <div className={statusBarAreaClass}>
<div className="mx_RoomView_statusAreaBox">
<div className="mx_RoomView_statusAreaBox_line" />
{statusBar}
</div>
</div>
const roomVersionRecommendation = this.state.upgradeRecommendation; const roomVersionRecommendation = this.state.upgradeRecommendation;
const showRoomUpgradeBar = ( const showRoomUpgradeBar = (
roomVersionRecommendation && roomVersionRecommendation &&
@ -2052,10 +2063,6 @@ export default class RoomView extends React.Component<IProps, IState> {
/>); />);
} }
const statusBarAreaClass = classNames("mx_RoomView_statusArea", {
"mx_RoomView_statusArea_expanded": isStatusAreaExpanded,
});
const showRightPanel = this.state.room && this.state.showRightPanel; const showRightPanel = this.state.room && this.state.showRightPanel;
const rightPanel = showRightPanel const rightPanel = showRightPanel
? <RightPanel room={this.state.room} resizeNotifier={this.props.resizeNotifier} /> ? <RightPanel room={this.state.room} resizeNotifier={this.props.resizeNotifier} />
@ -2104,12 +2111,7 @@ export default class RoomView extends React.Component<IProps, IState> {
{messagePanel} {messagePanel}
{searchResultsPanel} {searchResultsPanel}
</div> </div>
<div className={statusBarAreaClass}> {statusBarArea}
<div className="mx_RoomView_statusAreaBox">
<div className="mx_RoomView_statusAreaBox_line" />
{statusBar}
</div>
</div>
{previewBar} {previewBar}
{messageComposer} {messageComposer}
</div> </div>