From 4f7dcdf5669f6c5b4a18e92d541313ff145bed7d Mon Sep 17 00:00:00 2001
From: Erik Johnston <erikj@matrix.org>
Date: Tue, 14 Jul 2015 17:48:12 +0100
Subject: [PATCH] Naming conventions

---
 skins/base/views/atoms/create_room/Presets.js         | 2 +-
 skins/base/views/atoms/create_room/RoomNameTextbox.js | 2 +-
 skins/base/views/molecules/UserSelector.js            | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/skins/base/views/atoms/create_room/Presets.js b/skins/base/views/atoms/create_room/Presets.js
index db980dad..83fe61bd 100644
--- a/skins/base/views/atoms/create_room/Presets.js
+++ b/skins/base/views/atoms/create_room/Presets.js
@@ -30,7 +30,7 @@ module.exports = React.createClass({
 
     render: function() {
         return (
-            <select className="mx_PresetOption" onChange={this.onValueChanged} defaultValue={this.state.preset}>
+            <select className="mx_Presets" onChange={this.onValueChanged} defaultValue={this.state.preset}>
                 <option value="private_chat">Private Chat</option>
                 <option value="public_chat">Public Chat</option>
             </select>
diff --git a/skins/base/views/atoms/create_room/RoomNameTextbox.js b/skins/base/views/atoms/create_room/RoomNameTextbox.js
index 9d0ddfdf..c358a14c 100644
--- a/skins/base/views/atoms/create_room/RoomNameTextbox.js
+++ b/skins/base/views/atoms/create_room/RoomNameTextbox.js
@@ -21,7 +21,7 @@ var React = require('react');
 var RoomNameTextboxController = require("../../../../../src/controllers/atoms/create_room/RoomNameTextbox");
 
 module.exports = React.createClass({
-    displayName: 'CreateRoomButton',
+    displayName: 'RoomNameTextbox',
     mixins: [RoomNameTextboxController],
 
     onValueChanged: function(ev) {
diff --git a/skins/base/views/molecules/UserSelector.js b/skins/base/views/molecules/UserSelector.js
index e22b1e3a..7517e29d 100644
--- a/skins/base/views/molecules/UserSelector.js
+++ b/skins/base/views/molecules/UserSelector.js
@@ -31,13 +31,13 @@ module.exports = React.createClass({
     render: function() {
         return (
             <div>
-                <ul className="mx_UserIdList" ref="list">
+                <ul className="mx_UserSelector_UserIdList" ref="list">
                     {this.state.selected_users.map(function(user_id, i) {
                         return <li key={user_id}>{user_id}</li>
                     })}
                 </ul>
-                <input type="text" ref="user_id_input" className="mx_UserIdInput" placeholder="ex. @bob:example.com"/>
-                <button onClick={this.onAddUserId} className="mx_AddUserId">Add User</button>
+                <input type="text" ref="user_id_input" className="mx_UserSelector_userIdInput" placeholder="ex. @bob:example.com"/>
+                <button onClick={this.onAddUserId} className="mx_UserSelector_AddUserId">Add User</button>
             </div>
         );
     }