// Copyright (c) 2015 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 = ( ); } else { text = ( ); } return (
{text}
); } 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( ); } return ( {items} ); } }