Converting to Webpack. Stage 1.

1 files changed, 77 insertions, 0 deletions

diff --git a/webapp/components/search_results_header.jsx b/webapp/components/search_results_header.jsx
new file mode 100644
index 000000000..e9fc2c144
--- /dev/null
+++ b/webapp/components/search_results_header.jsx
@@ -0,0 +1,77 @@
+// 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';
+
+var ActionTypes = Constants.ActionTypes;
+
+import React from 'react';
+
+export default class SearchResultsHeader extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleClose = this.handleClose.bind(this);
+    }
+
+    handleClose(e) {
+        e.preventDefault();
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_SEARCH,
+            results: null
+        });
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_SEARCH_TERM,
+            term: null,
+            do_search: false,
+            is_mention_search: false
+        });
+
+        AppDispatcher.handleServerAction({
+            type: ActionTypes.RECEIVED_POST_SELECTED,
+            postId: null
+        });
+    }
+
+    render() {
+        var title = (
+            <FormattedMessage
+                id='search_header.results'
+                defaultMessage='Search Results'
+            />
+        );
+
+        if (this.props.isMentionSearch) {
+            title = (
+                <FormattedMessage
+                    id='search_header.title2'
+                    defaultMessage='Recent Mentions'
+                />
+            );
+        }
+
+        return (
+            <div className='sidebar--right__header'>
+                <span className='sidebar--right__title'>{title}</span>
+                <button
+                    type='button'
+                    className='sidebar--right__close'
+                    aria-label='Close'
+                    title='Close'
+                    onClick={this.handleClose}
+                >
+                    <i className='fa fa-sign-out'/>
+                </button>
+            </div>
+        );
+    }
+}
+
+SearchResultsHeader.propTypes = {
+    isMentionSearch: React.PropTypes.bool
+};