4 files changed, 66 insertions, 7 deletions

diff --git a/web/react/components/search_results_item.jsx b/web/react/components/search_results_item.jsx
index cd8359df5..f71abf971 100644
--- a/web/react/components/search_results_item.jsx
+++ b/web/react/components/search_results_item.jsx
@@ -8,11 +8,14 @@ import * as EventHelpers from '../dispatcher/event_helpers.jsx';
 import * as utils from '../utils/utils.jsx';
 import * as TextFormatting from '../utils/text_formatting.jsx';
 
+import Constants from '../utils/constants.jsx';
+
 export default class SearchResultsItem extends React.Component {
     constructor(props) {
         super(props);
 
         this.handleClick = this.handleClick.bind(this);
+        this.handleFocusRHSClick = this.handleFocusRHSClick.bind(this);
     }
 
     handleClick(e) {
@@ -26,6 +29,12 @@ export default class SearchResultsItem extends React.Component {
         }
     }
 
+    handleFocusRHSClick(e) {
+        e.preventDefault();
+
+        EventHelpers.emitPostFocusRightHandSideEvent(this.props.post);
+    }
+
     render() {
         var channelName = '';
         var channel = ChannelStore.get(this.props.post.channel_id);
@@ -73,10 +82,21 @@ export default class SearchResultsItem extends React.Component {
                                     {'Jump'}
                                 </a>
                             </li>
+                            <li>
+                                <a
+                                    href='#'
+                                    className='comment-icon__container search-item__comment'
+                                    onClick={this.handleFocusRHSClick}
+                                >
+                                    <span
+                                        className='comment-icon'
+                                        dangerouslySetInnerHTML={{__html: Constants.COMMENT_ICON}}
+                                    />
+                                </a>
+                            </li>
                         </ul>
                         <div className='search-item-snippet'>
                             <span
-                                onClick={this.handleClick}
                                 dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.post.message, formattingOptions)}}
                             />
                         </div>
diff --git a/web/react/components/team_signup_with_email.jsx b/web/react/components/team_signup_with_email.jsx
index 06d6e3934..4150a0013 100644
--- a/web/react/components/team_signup_with_email.jsx
+++ b/web/react/components/team_signup_with_email.jsx
@@ -14,18 +14,19 @@ export default class EmailSignUpPage extends React.Component {
     }
     handleSubmit(e) {
         e.preventDefault();
-        var team = {};
-        var state = {serverError: ''};
+        const team = {};
+        const state = {serverError: null};
+        let isValid = true;
 
         team.email = ReactDOM.findDOMNode(this.refs.email).value.trim().toLowerCase();
         if (!team.email || !Utils.isEmail(team.email)) {
             state.emailError = 'Please enter a valid email address';
-            state.inValid = true;
+            isValid = false;
         } else {
-            state.emailError = '';
+            state.emailError = null;
         }
 
-        if (state.inValid) {
+        if (!isValid) {
             this.setState(state);
             return;
         }
@@ -45,11 +46,16 @@ export default class EmailSignUpPage extends React.Component {
         );
     }
     render() {
-        var serverError = null;
+        let serverError = null;
         if (this.state.serverError) {
             serverError = <div className='form-group has-error'><label className='control-label'>{this.state.serverError}</label></div>;
         }
 
+        let emailError = null;
+        if (this.state.emailError) {
+            emailError = <div className='form-group has-error'><label className='control-label'>{this.state.emailError}</label></div>;
+        }
+
         return (
             <form
                 role='form'
@@ -65,6 +71,7 @@ export default class EmailSignUpPage extends React.Component {
                         maxLength='128'
                         spellCheck='false'
                     />
+                    {emailError}
                 </div>
                 <div className='form-group'>
                     <button
diff --git a/web/react/dispatcher/event_helpers.jsx b/web/react/dispatcher/event_helpers.jsx
index 306c59e8b..bc1132765 100644
--- a/web/react/dispatcher/event_helpers.jsx
+++ b/web/react/dispatcher/event_helpers.jsx
@@ -8,6 +8,7 @@ import Constants from '../utils/constants.jsx';
 const ActionTypes = Constants.ActionTypes;
 import * as AsyncClient from '../utils/async_client.jsx';
 import * as Client from '../utils/client.jsx';
+import * as Utils from '../utils/utils.jsx';
 
 export function emitChannelClickEvent(channel) {
     AsyncClient.getChannels(true);
@@ -38,6 +39,30 @@ export function emitPostFocusEvent(postId) {
     );
 }
 
+export function emitPostFocusRightHandSideEvent(post) {
+    Client.getPost(
+        post.channel_id,
+        post.id,
+        (data) => {
+            AppDispatcher.handleServerAction({
+                type: ActionTypes.RECIEVED_POST_SELECTED,
+                post_list: data
+            });
+
+            AppDispatcher.handleServerAction({
+                type: ActionTypes.RECIEVED_SEARCH,
+                results: null
+            });
+        },
+        (err) => {
+            AsyncClient.dispatchError(err, 'getPost');
+        }
+    );
+
+    var postChannel = ChannelStore.get(post.channel_id);
+    Utils.switchChannel(postChannel);
+}
+
 export function emitLoadMorePostsEvent() {
     const id = ChannelStore.getCurrentId();
     loadMorePostsTop(id);
diff --git a/web/sass-files/sass/partials/_search.scss b/web/sass-files/sass/partials/_search.scss
index a5b2a78dd..eceeb9a8c 100644
--- a/web/sass-files/sass/partials/_search.scss
+++ b/web/sass-files/sass/partials/_search.scss
@@ -121,6 +121,13 @@
 
 }
 
+.search-item__comment {
+	position: absolute;
+	right: 0;
+	margin-right: 35px;
+	top: 0;
+}
+
 .search-item-time {
 	color: #a8adb7;
 }