Converting to Webpack. Stage 1.

1 files changed, 93 insertions, 0 deletions

diff --git a/webapp/components/rhs_header_post.jsx b/webapp/components/rhs_header_post.jsx
new file mode 100644
index 000000000..189ee0acb
--- /dev/null
+++ b/webapp/components/rhs_header_post.jsx
@@ -0,0 +1,93 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import AppDispatcher from '../dispatcher/app_dispatcher.jsx';
+import Constants from 'utils/constants.jsx';
+
+import {FormattedMessage} from 'react-intl';
+
+const ActionTypes = Constants.ActionTypes;
+
+import React from 'react';
+
+export default class RhsHeaderPost extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleClose = this.handleClose.bind(this);
+        this.handleBack = this.handleBack.bind(this);
+
+        this.state = {};
+    }
+    handleClose(e) {
+        e.preventDefault();
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_SEARCH,
+            results: null
+        });
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_POST_SELECTED,
+            postId: null
+        });
+    }
+    handleBack(e) {
+        e.preventDefault();
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_SEARCH_TERM,
+            term: this.props.fromSearch,
+            do_search: true,
+            is_mention_search: this.props.isMentionSearch
+        });
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_POST_SELECTED,
+            postId: null
+        });
+    }
+    render() {
+        let back;
+        if (this.props.fromSearch) {
+            back = (
+                <a
+                    href='#'
+                    onClick={this.handleBack}
+                    className='sidebar--right__back'
+                >
+                    <i className='fa fa-chevron-left'></i>
+                </a>
+            );
+        }
+
+        return (
+            <div className='sidebar--right__header'>
+                <span className='sidebar--right__title'>
+                    {back}
+                    <FormattedMessage
+                        id='rhs_header.details'
+                        defaultMessage='Message Details'
+                    />
+                </span>
+                <button
+                    type='button'
+                    className='sidebar--right__close'
+                    aria-label='Close'
+                    onClick={this.handleClose}
+                >
+                    <i className='fa fa-sign-out'/>
+                </button>
+            </div>
+        );
+    }
+}
+
+RhsHeaderPost.defaultProps = {
+    isMentionSearch: false,
+    fromSearch: ''
+};
+RhsHeaderPost.propTypes = {
+    isMentionSearch: React.PropTypes.bool,
+    fromSearch: React.PropTypes.string
+};