From 68fc2020867a4e501ebe3c5ec7c9d7211638996c Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 31 Aug 2017 09:45:46 +0100
Subject: [PATCH] remove pointless self vars and DRY render method of send
 custom events

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 .../views/dialogs/DevtoolsDialog.js           | 49 +++++--------------
 1 file changed, 13 insertions(+), 36 deletions(-)

diff --git a/src/components/views/dialogs/DevtoolsDialog.js b/src/components/views/dialogs/DevtoolsDialog.js
index 83bb910f..6b553eed 100644
--- a/src/components/views/dialogs/DevtoolsDialog.js
+++ b/src/components/views/dialogs/DevtoolsDialog.js
@@ -66,6 +66,10 @@ class SendCustomEvent extends React.Component {
         this.setState({ message });
     }
 
+    _additionalFields() {
+        return <div></div>;
+    }
+
     render() {
         if (this.state.message) {
             return <div>
@@ -78,6 +82,7 @@ class SendCustomEvent extends React.Component {
 
         return <div>
             <div className="mx_Dialog_content">
+                {this._additionalFields()}
                 <div className="mx_TextInputDialog_label">
                     <label htmlFor="eventType"> { _t('Event Type') } </label>
                 </div>
@@ -103,40 +108,14 @@ class SendCustomStateEvent extends SendCustomEvent {
             this.refs.stateKey.value);
     }
 
-    render() {
-        if (this.state.message) {
-            return <div>
-                <div className="mx_Dialog_content">
-                    {this.state.message}
-                </div>
-                {this._buttons()}
-            </div>;
-        }
-
+    _additionalFields() {
         return <div>
-            <div className="mx_Dialog_content">
-                <div className="mx_TextInputDialog_label">
-                    <label htmlFor="stateKey"> { _t('State Key') } </label>
-                </div>
-                <div>
-                    <input id="stateKey" ref="stateKey" className="mx_TextInputDialog_input" size="64" />
-                </div>
-
-                <div className="mx_TextInputDialog_label">
-                    <label htmlFor="eventType"> { _t('Event Type') } </label>
-                </div>
-                <div>
-                    <input id="eventType" ref="eventType" className="mx_TextInputDialog_input" size="64" />
-                </div>
-
-                <div className="mx_TextInputDialog_label">
-                    <label htmlFor="evContent"> { _t('Event Content') } </label>
-                </div>
-                <div>
-                    <textarea id="evContent" ref="evContent" className="mx_TextInputDialog_input" defaultValue={"{\n\n}"} cols="63" rows="5" />
-                </div>
+            <div className="mx_TextInputDialog_label">
+                <label htmlFor="stateKey"> { _t('State Key') } </label>
+            </div>
+            <div>
+                <input id="stateKey" ref="stateKey" className="mx_TextInputDialog_input" size="64" />
             </div>
-            {this._buttons()}
         </div>;
     }
 }
@@ -162,16 +141,14 @@ class RoomStateExplorer extends React.Component {
     };
 
     browseEventType(eventType) {
-        const self = this;
         return () => {
-            self.setState({ eventType });
+            this.setState({ eventType });
         };
     }
 
     onViewSourceClick(event) {
-        const self = this;
         return () => {
-            self.setState({ event: event.event });
+            this.setState({ event: event.event });
         };
     }