From 16ed06cebb1e336888840a923784e53b4189771a Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Fri, 12 Apr 2019 12:47:52 +0200
Subject: [PATCH] dont show room header and timeline when room cant be peeked
 (just preview bar)

---
 src/components/structures/RoomView.js | 27 +++++++--------------------
 1 file changed, 7 insertions(+), 20 deletions(-)

diff --git a/src/components/structures/RoomView.js b/src/components/structures/RoomView.js
index 2da21bbef7..3ff72b4e5b 100644
--- a/src/components/structures/RoomView.js
+++ b/src/components/structures/RoomView.js
@@ -1523,16 +1523,6 @@ module.exports = React.createClass({
                 const roomAlias = this.state.roomAlias;
                 return (
                     <div className="mx_RoomView">
-                        <RoomHeader ref="header"
-                            room={this.state.room}
-                            oobData={this.props.oobData}
-                            collapsedRhs={this.props.collapsedRhs}
-                            e2eStatus={this.state.e2eStatus}
-                        />
-                        <div className="mx_RoomView_body">
-                            <div className="mx_RoomView_auxPanel"></div>
-                        </div>
-                        <div className="mx_RoomView_messagePanel"></div>
                         <RoomPreviewBar onJoinClick={this.onJoinButtonClicked}
                             onForgetClick={this.onForgetClick}
                             onRejectClick={this.onRejectThreepidInviteButtonClicked}
@@ -1570,16 +1560,6 @@ module.exports = React.createClass({
                 // We have a regular invite for this room.
                 return (
                     <div className="mx_RoomView">
-                        <RoomHeader
-                            ref="header"
-                            room={this.state.room}
-                            collapsedRhs={this.props.collapsedRhs}
-                            e2eStatus={this.state.e2eStatus}
-                        />
-                        <div className="mx_RoomView_body">
-                            <div className="mx_RoomView_auxPanel"></div>
-                        </div>
-                        <div className="mx_RoomView_messagePanel"></div>
                         <RoomPreviewBar onJoinClick={this.onJoinButtonClicked}
                             onForgetClick={this.onForgetClick}
                             onRejectClick={this.onRejectButtonClicked}
@@ -1684,6 +1664,13 @@ module.exports = React.createClass({
                                 room={this.state.room}
                 />
             );
+            if (!this.state.canPeek) {
+                return (
+                    <div className="mx_RoomView">
+                        { previewBar }
+                    </div>
+                );
+            }
         } else if (hiddenHighlightCount > 0) {
             aux = (
                 <AccessibleButton element="div" className="mx_RoomView_auxPanel_hiddenHighlights"