Merge pull request element-hq#1685 from vector-im/dbkr/fix_room_directory

dbkr · web-flow · commit cbb72c2f296d · 2016-06-23T10:21:03.000+01:00
Fix joining rooms by typing the alias
diff --git a/src/components/structures/RoomDirectory.js b/src/components/structures/RoomDirectory.js
@@ -126,38 +126,47 @@ module.exports = React.createClass({
         });
     },
 
-    showRoom: function(room, ev) {
+    onRoomClicked: function(room, ev) {
         if (ev.shiftKey) {
             ev.preventDefault();
             this.removeFromDirectory(room);
-            return;
+        } else {
+            this.showRoom(room);
         }
+    },
 
-        var oob_data = {};
-        if (MatrixClientPeg.get().isGuest()) {
-            if (!room.world_readable && !room.guest_can_join) {
-                var NeedToRegisterDialog = sdk.getComponent("dialogs.NeedToRegisterDialog");
-                Modal.createDialog(NeedToRegisterDialog, {
-                    title: "Failed to join the room",
-                    description: "This room is inaccessible to guests. You may be able to join if you register."
-                });
-                return;
-            }
-        }
+    showRoomAlias: function(alias) {
+        this.showRoom(null, alias);
+    },
 
-        var room_alias = get_display_alias_for_room(room);
+    showRoom: function(room, room_alias) {
+        var payload = {action: 'view_room'};
+        if (room) {
+            // Don't let the user view a room they won't be able to either
+            // peek or join: fail earlier so they don't have to click back
+            // to the directory.
+            if (MatrixClientPeg.get().isGuest()) {
+                if (!room.world_readable && !room.guest_can_join) {
+                    var NeedToRegisterDialog = sdk.getComponent("dialogs.NeedToRegisterDialog");
+                    Modal.createDialog(NeedToRegisterDialog, {
+                        title: "Failed to join the room",
+                        description: "This room is inaccessible to guests. You may be able to join if you register."
+                    });
+                    return;
+                }
+            }
 
-        oob_data = {
-            avatarUrl: room.avatar_url,
-            // XXX: This logic is duplicated from the JS SDK which
-            // would normally decide what the name is.
-            name: room.name || room_alias || "Unnamed room",
-        };
+            if (!room_alias) {
+                room_alias = get_display_alias_for_room(room);
+            }
 
-        var payload = {
-            oob_data: oob_data,
-            action: 'view_room',
-        };
+            payload.oob_data = {
+                avatarUrl: room.avatar_url,
+                // XXX: This logic is duplicated from the JS SDK which
+                // would normally decide what the name is.
+                name: room.name || room_alias || "Unnamed room",
+            };
+        }
         // It's not really possible to join Matrix rooms by ID because the HS has no way to know
         // which servers to start querying. However, there's no other way to join rooms in
         // this list without aliases at present, so if roomAlias isn't set here we have no
@@ -213,7 +222,7 @@ module.exports = React.createClass({
 
             rows.unshift(
                 <tr key={ rooms[i].room_id }
-                    onClick={self.showRoom.bind(null, rooms[i])}
+                    onClick={self.onRoomClicked.bind(self, rooms[i])}
                     // cancel onMouseDown otherwise shift-clicking highlights text
                     onMouseDown={(ev) => {ev.preventDefault();}}
                 >
@@ -245,7 +254,7 @@ module.exports = React.createClass({
         this.forceUpdate();
         this.setState({ roomAlias : this.refs.roomAlias.value })
         if (ev.key == "Enter") {
-            this.showRoom(null, this.refs.roomAlias.value);
+            this.showRoomAlias(this.refs.roomAlias.value);
         }
     },
 
