import React from 'react'; import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { FormattedMessage, defineMessages, injectIntl } from 'react-intl'; import AccountContainer from 'flavours/glitch/containers/account_container'; import StatusContainer from 'flavours/glitch/containers/status_container'; import ImmutablePureComponent from 'react-immutable-pure-component'; import { ImmutableHashtag as Hashtag } from 'flavours/glitch/components/hashtag'; import Icon from 'flavours/glitch/components/icon'; import { searchEnabled } from 'flavours/glitch/initial_state'; import LoadMore from 'flavours/glitch/components/load_more'; const messages = defineMessages({ dismissSuggestion: { id: 'suggestions.dismiss', defaultMessage: 'Dismiss suggestion' }, }); export default @injectIntl class SearchResults extends ImmutablePureComponent { static propTypes = { results: ImmutablePropTypes.map.isRequired, suggestions: ImmutablePropTypes.list.isRequired, fetchSuggestions: PropTypes.func.isRequired, expandSearch: PropTypes.func.isRequired, dismissSuggestion: PropTypes.func.isRequired, searchTerm: PropTypes.string, intl: PropTypes.object.isRequired, }; componentDidMount () { if (this.props.searchTerm === '') { this.props.fetchSuggestions(); } } componentDidUpdate () { if (this.props.searchTerm === '') { this.props.fetchSuggestions(); } } handleLoadMoreAccounts = () => this.props.expandSearch('accounts'); handleLoadMoreStatuses = () => this.props.expandSearch('statuses'); handleLoadMoreHashtags = () => this.props.expandSearch('hashtags'); render () { const { intl, results, suggestions, dismissSuggestion, searchTerm } = this.props; let accounts, statuses, hashtags; let count = 0; if (searchTerm === '' && !suggestions.isEmpty()) { return (
{suggestions && suggestions.map(suggestion => ( ))}
); } else if(results.get('statuses') && results.get('statuses').size === 0 && !searchEnabled && !(searchTerm.startsWith('@') || searchTerm.startsWith('#') || searchTerm.includes(' '))) { statuses = (
); } if (results.get('accounts') && results.get('accounts').size > 0) { count += results.get('accounts').size; accounts = (
{results.get('accounts').map(accountId => )} {results.get('accounts').size >= 5 && }
); } if (results.get('statuses') && results.get('statuses').size > 0) { count += results.get('statuses').size; statuses = (
{results.get('statuses').map(statusId => )} {results.get('statuses').size >= 5 && }
); } if (results.get('hashtags') && results.get('hashtags').size > 0) { count += results.get('hashtags').size; hashtags = (
{results.get('hashtags').map(hashtag => )} {results.get('hashtags').size >= 5 && }
); } // The result. return (
{accounts} {statuses} {hashtags}
); } }