import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePureComponent from 'react-immutable-pure-component'; import FindInPageIcon from '@/material-icons/400-24px/find_in_page.svg?react'; import PeopleIcon from '@/material-icons/400-24px/group.svg?react'; import SearchIcon from '@/material-icons/400-24px/search.svg?react'; import TagIcon from '@/material-icons/400-24px/tag.svg?react'; import { Icon } from 'mastodon/components/icon'; import { LoadMore } from 'mastodon/components/load_more'; import { SearchSection } from 'mastodon/features/explore/components/search_section'; import { ImmutableHashtag as Hashtag } from '../../../components/hashtag'; import AccountContainer from '../../../containers/account_container'; import StatusContainer from '../../../containers/status_container'; const INITIAL_PAGE_LIMIT = 10; const withoutLastResult = list => { if (list.size > INITIAL_PAGE_LIMIT && list.size % INITIAL_PAGE_LIMIT === 1) { return list.skipLast(1); } else { return list; } }; class SearchResults extends ImmutablePureComponent { static propTypes = { results: ImmutablePropTypes.map.isRequired, expandSearch: PropTypes.func.isRequired, searchTerm: PropTypes.string, }; handleLoadMoreAccounts = () => this.props.expandSearch('accounts'); handleLoadMoreStatuses = () => this.props.expandSearch('statuses'); handleLoadMoreHashtags = () => this.props.expandSearch('hashtags'); render () { const { results } = this.props; let accounts, statuses, hashtags; if (results.get('accounts') && results.get('accounts').size > 0) { accounts = ( }> {withoutLastResult(results.get('accounts')).map(accountId => )} {(results.get('accounts').size > INITIAL_PAGE_LIMIT && results.get('accounts').size % INITIAL_PAGE_LIMIT === 1) && } ); } if (results.get('hashtags') && results.get('hashtags').size > 0) { hashtags = ( }> {withoutLastResult(results.get('hashtags')).map(hashtag => )} {(results.get('hashtags').size > INITIAL_PAGE_LIMIT && results.get('hashtags').size % INITIAL_PAGE_LIMIT === 1) && } ); } if (results.get('statuses') && results.get('statuses').size > 0) { statuses = ( }> {withoutLastResult(results.get('statuses')).map(statusId => )} {(results.get('statuses').size > INITIAL_PAGE_LIMIT && results.get('statuses').size % INITIAL_PAGE_LIMIT === 1) && } ); } return (
{accounts} {hashtags} {statuses}
); } } export default SearchResults;