| 38 | |
| 39 | export class SearchScreen extends React.Component { |
| 40 | render() { |
| 41 | const { query, result, intl } = this.props; |
| 42 | |
| 43 | const titleStatus = |
| 44 | result.isPending && !result.results?.length |
| 45 | ? intl.formatMessage(messages.loading) |
| 46 | : query.getString('q'); |
| 47 | const title = titleStatus |
| 48 | ? intl.formatMessage(messages.title, { title: titleStatus }) |
| 49 | : intl.formatMessage(messages.title_emptyq); |
| 50 | |
| 51 | return ( |
| 52 | <Screen title={title}> |
| 53 | <FacetedEntitySearch |
| 54 | query={query} |
| 55 | result={result} |
| 56 | additionalFields={['collection_id']} |
| 57 | > |
| 58 | <SignInCallout /> |
| 59 | </FacetedEntitySearch> |
| 60 | </Screen> |
| 61 | ); |
| 62 | } |
| 63 | } |
| 64 | const mapStateToProps = (state, ownProps) => { |
| 65 | const { location } = ownProps; |