From b111579aed578dae1089c7c349a72c2a0977c551 Mon Sep 17 00:00:00 2001
From: Richard Lewis <rick@matrix.org>
Date: Mon, 22 May 2017 18:00:17 +0100
Subject: [PATCH] App tile events

---
 src/components/views/elements/AppTile.js | 27 ++++++++++++++++++++----
 src/components/views/rooms/AppsDrawer.js |  6 +++---
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/views/elements/AppTile.js b/src/components/views/elements/AppTile.js
index 66c32a16a1..72d59d0ecd 100644
--- a/src/components/views/elements/AppTile.js
+++ b/src/components/views/elements/AppTile.js
@@ -33,19 +33,38 @@ export default React.createClass({
         };
     },
 
+    _onEditClick: function() {
+        console.log("Edit widget %s", this.props.id);
+    },
+
+    _onDeleteClick: function() {
+        console.log("Delete widget %s", this.props.id);
+    },
+
     render: function() {
         return (
             <div className="mx_AppTile" id={this.props.id}>
                 <div className="mx_AppTileMenuBar">
                     {this.props.name}
                     <span className="mx_AppTileMenuBarWidgets">
-                        <img src="img/edit.svg" className="mx_filterFlipColor mx_AppTileMenuBarWidgetPadding" width="8" height="8" alt="Edit"/>
-                        <img src="img/cancel.svg" className="mx_filterFlipColor" width="8" height="8" alt="Cancel"/>
-                        {/* <span className="mx_CloseAppWidget">x</span> */}
+                        {/* Edit widget */}
+                        <img
+                            src="img/edit.svg"
+                            className="mx_filterFlipColor mx_AppTileMenuBarWidget mx_AppTileMenuBarWidgetPadding"
+                            width="8" height="8" alt="Edit"
+                            onClick={this._onEditClick}
+                        />
+
+                        {/* Delete widget */}
+                        <img src="img/cancel.svg"
+                        className="mx_filterFlipColor mx_AppTileMenuBarWidget"
+                        width="8" height="8" alt="Cancel"
+                        onClick={this._onDeleteClick}
+                        />
                     </span>
                 </div>
                 <div className="mx_AppTileBody">
-                    <iframe sandbox seamless="seamless" src={this.props.url}></iframe>
+                    <iframe sandbox="sandbox" seamless="seamless" src={this.props.url}></iframe>
                 </div>
             </div>
         );
diff --git a/src/components/views/rooms/AppsDrawer.js b/src/components/views/rooms/AppsDrawer.js
index ef0cbcf2b9..1318d07d8b 100644
--- a/src/components/views/rooms/AppsDrawer.js
+++ b/src/components/views/rooms/AppsDrawer.js
@@ -40,9 +40,9 @@ module.exports = React.createClass({
     getInitialState: function() {
         return {
             apps: [{
-                id: "googleApp",
-                url: "http://matrix.org/grafana/dashboard/db/golang-metrics?panelId=2&fullscreen&edit&var-bucket_size=1m&var-job=riot-bot&var-handler=All&from=1495188444653&to=1495210044654",
-                name: "Google",
+                id: "riot-bot",
+                url: "https://matrix.org/_matrix/media/v1/thumbnail/matrix.org/LvHiqFMHWxAjFUMVCvaPbRYs?width=150&height=150",
+                name: "Riot-bot",
             }],
         };
     },