From e5dd2e0b463366d8c316c6d392fe4dc97f7b4d19 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Tue, 6 Sep 2016 01:44:55 +0100
Subject: [PATCH] make FilePanel work, superficially at least

---
 src/components/structures/FilePanel.js | 30 ++++++++++++++++----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/structures/FilePanel.js b/src/components/structures/FilePanel.js
index f43a848568..9b8c197889 100644
--- a/src/components/structures/FilePanel.js
+++ b/src/components/structures/FilePanel.js
@@ -17,6 +17,7 @@ limitations under the License.
 var React = require('react');
 var ReactDOM = require("react-dom");
 
+var Matrix = require("matrix-js-sdk");
 var sdk = require('../../index');
 var MatrixClientPeg = require("../../MatrixClientPeg");
 var dis = require("../../dispatcher");
@@ -70,11 +71,13 @@ var FilePanel = React.createClass({
     // this has to be a proper method rather than an unnamed function,
     // otherwise react calls it with null on each update.
     _gatherTimelinePanelRef: function(r) {
-        this.refs.messagePanel = r;
+        //this.refs.messagePanel = r;
     },
 
     render: function() {
         // wrap a TimelinePanel with the jump-to-event bits turned off.
+        var TimelinePanel = sdk.getComponent("structures.TimelinePanel");
+        var Loader = sdk.getComponent("elements.Spinner");
 
         // <TimelinePanel ref={this._gatherTimelinePanelRef}
         //     room={this.state.room}
@@ -87,16 +90,21 @@ var FilePanel = React.createClass({
         //     showUrlPreview = { this.state.showUrlPreview }
         //     opacity={ this.props.opacity }
 
-        return (
-            <TimelinePanel ref={this._gatherTimelinePanelRef}
-                manageReadReceipts={false}
-                manageReadMarkers={false}
-                timelineSet={this.state.timelineSet}
-                showUrlPreview = { false }
-                opacity={ this.props.opacity }
-            />
-        );
+        if (this.state.timelineSet) {
+            return (
+                <TimelinePanel ref={this._gatherTimelinePanelRef}
+                    manageReadReceipts={false}
+                    manageReadMarkers={false}
+                    timelineSet={this.state.timelineSet}
+                    showUrlPreview = { false }
+                    opacity={ this.props.opacity }
+                />
+            );
+        }
+        else {
+            return <Loader/>
+        }
     },
 });
 
-module.exports = NotificationPanel;
+module.exports = FilePanel;