From b1e4c911ebfaa48e0209779f3f34e6a2ea2dd891 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 23 Sep 2016 15:25:38 +0100
Subject: [PATCH] WIP omnipresent join button

---
 .../views/elements/DirectorySearchBox.js       | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/views/elements/DirectorySearchBox.js b/src/components/views/elements/DirectorySearchBox.js
index 277c90f129..c10295d247 100644
--- a/src/components/views/elements/DirectorySearchBox.js
+++ b/src/components/views/elements/DirectorySearchBox.js
@@ -24,6 +24,7 @@ export default class DirectorySearchBox extends React.Component {
         this.onClearClick = this.onClearClick.bind(this);
         this.onChange = this.onChange.bind(this);
         this.onKeyUp = this.onKeyUp.bind(this);
+        this.onJoinButtonClick = this.onJoinButtonClick.bind(this);
 
         this.input = null;
     }
@@ -59,12 +60,28 @@ export default class DirectorySearchBox extends React.Component {
         }
     }
 
+    onJoinButtonClick() {
+    }
+
+    _contentLooksLikeAlias() {
+        return true;
+    }
+
     render() {
         const searchbox_classes = {
             mx_DirectorySearchBox: true,
         };
         searchbox_classes[this.props.className] = true;
 
+        let join_button;
+        if (this._contentLooksLikeAlias()) {
+            join_button = <span className="mx_DirectorySearchBox_joinButton"
+                onClick={this.onJoinButtonClick}
+            >
+                Join
+            </span>;
+        }
+
         return <span className={classnames(searchbox_classes)}>
             <input type="text" size="64"
                 className="mx_DirectorySearchBox_input"
@@ -72,6 +89,7 @@ export default class DirectorySearchBox extends React.Component {
                 onChange={this.onChange} onKeyUp={this.onKeyUp}
                 placeholder="Find a room by keyword or room ID (#matrix:matrix.org)"
             />
+            {join_button}
             <span className="mx_DirectorySearchBox_clear" onClick={this.onClearClick} />
         </span>;
     }