From 8bde761a8afe8d5c417bc8f0e73c4af04f085f74 Mon Sep 17 00:00:00 2001
From: Kegan Dougal <kegan@matrix.org>
Date: Thu, 26 Nov 2015 15:11:08 +0000
Subject: [PATCH] Add EnableNotificationButton component

---
 .../settings}/EnableNotificationsButton.js    | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)
 rename src/{controllers/atoms => components/views/settings}/EnableNotificationsButton.js (69%)

diff --git a/src/controllers/atoms/EnableNotificationsButton.js b/src/components/views/settings/EnableNotificationsButton.js
similarity index 69%
rename from src/controllers/atoms/EnableNotificationsButton.js
rename to src/components/views/settings/EnableNotificationsButton.js
index 3c399484e8..de43a578f7 100644
--- a/src/controllers/atoms/EnableNotificationsButton.js
+++ b/src/components/views/settings/EnableNotificationsButton.js
@@ -15,10 +15,12 @@ limitations under the License.
 */
 
 'use strict';
-var sdk = require('../../index');
-var dis = require("../../dispatcher");
+var React = require("react");
+var sdk = require('../../../index');
+var dis = require("../../../dispatcher");
 
-module.exports = {
+module.exports = React.createClass({
+    displayName: 'EnableNotificationsButton',
 
     componentDidMount: function() {
         this.dispatcherRef = dis.register(this.onAction);
@@ -55,4 +57,20 @@ module.exports = {
         }
         this.forceUpdate();
     },
-};
+
+    render: function() {
+        if (this.enabled()) {
+            return (
+                <button className="mx_EnableNotificationsButton" onClick={this.onClick}>
+                    Disable Notifications
+                </button>
+            );
+        } else {
+            return (
+                <button className="mx_EnableNotificationsButton" onClick={this.onClick}>
+                    Enable Notifications
+                </button>
+            );
+        }
+    }
+});