summaryrefslogtreecommitdiffstats
path: root/webapp/components/suggestion/search_suggestion_list.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/suggestion/search_suggestion_list.jsx')
-rw-r--r--webapp/components/suggestion/search_suggestion_list.jsx98
1 files changed, 0 insertions, 98 deletions
diff --git a/webapp/components/suggestion/search_suggestion_list.jsx b/webapp/components/suggestion/search_suggestion_list.jsx
deleted file mode 100644
index 944ddaeca..000000000
--- a/webapp/components/suggestion/search_suggestion_list.jsx
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import $ from 'jquery';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Constants from 'utils/constants.jsx';
-import SuggestionList from './suggestion_list.jsx';
-
-import {FormattedMessage} from 'react-intl';
-
-import {Popover} from 'react-bootstrap';
-
-export default class SearchSuggestionList extends SuggestionList {
- static propTypes = {
- ...SuggestionList.propTypes
- };
-
- getContent() {
- return $(ReactDOM.findDOMNode(this.refs.popover)).find('.popover-content');
- }
-
- renderChannelDivider(type) {
- let text;
- if (type === Constants.OPEN_CHANNEL) {
- text = (
- <FormattedMessage
- id='suggestion.search.public'
- defaultMessage='Public Channels'
- />
- );
- } else {
- text = (
- <FormattedMessage
- id='suggestion.search.private'
- defaultMessage='Private Channels'
- />
- );
- }
-
- return (
- <div
- key={type + '-divider'}
- className='search-autocomplete__divider'
- >
- <span>{text}</span>
- </div>
- );
- }
-
- render() {
- if (this.state.items.length === 0) {
- return null;
- }
-
- const items = [];
- for (let i = 0; i < this.state.items.length; i++) {
- const item = this.state.items[i];
- const term = this.state.terms[i];
- const isSelection = term === this.state.selection;
-
- // ReactComponent names need to be upper case when used in JSX
- const Component = this.state.components[i];
-
- // temporary hack to add dividers between public and private channels in the search suggestion list
- if (i === 0 || item.type !== this.state.items[i - 1].type) {
- if (item.type === Constants.OPEN_CHANNEL) {
- items.push(this.renderChannelDivider(Constants.OPEN_CHANNEL));
- } else if (item.type === Constants.PRIVATE_CHANNEL) {
- items.push(this.renderChannelDivider(Constants.PRIVATE_CHANNEL));
- }
- }
-
- items.push(
- <Component
- key={term}
- ref={term}
- item={item}
- term={term}
- matchedPretext={this.state.matchedPretext[i]}
- isSelection={isSelection}
- onClick={this.props.onCompleteWord}
- />
- );
- }
-
- return (
- <Popover
- ref='popover'
- id='search-autocomplete__popover'
- className='search-help-popover autocomplete visible'
- placement='bottom'
- >
- {items}
- </Popover>
- );
- }
-}