Use correct placeholder string in [Forward to] contacts search

This commit is contained in:
or-else
2021-11-09 10:19:07 -08:00
parent 990f929b4e
commit e180f526fb
3 changed files with 16 additions and 8 deletions
+8 -1
View File
@@ -22,7 +22,12 @@ const messages = defineMessages({
id: "search_no_results",
defaultMessage: "Search returned no results",
description: "Text shown in contacts view when query returned no results."
}
},
search_placeholder: {
id: "search_placeholder",
defaultMessage: "List like email:alice@example.com, tel:17025550003...",
description: "Placeholder in contacts search field"
},
});
class NewTopicView extends React.Component {
@@ -78,6 +83,7 @@ class NewTopicView extends React.Component {
const {formatMessage} = this.props.intl;
const no_contacts_placeholder = formatMessage(this.state.searchQuery ?
messages.search_no_results : messages.search_for_contacts);
const search_placeholder = formatMessage(messages.search_placeholder);
return (
<div className="flex-column">
<ul className="tabbar">
@@ -111,6 +117,7 @@ class NewTopicView extends React.Component {
<div className="flex-column">
<SearchContacts
type="p2p"
placeholder={search_placeholder}
onSearchContacts={this.handleSearchContacts} />
<ContactList
tinode={this.props.tinode}
+6 -2
View File
@@ -63,8 +63,12 @@ export default class ForwardDialog extends React.Component {
desription="Title of the contact selector dialog when forwarding a message" /></div>
<div><a href="#" onClick={this.handleClose}><i className="material-icons">close</i></a></div>
</div>
<SearchContacts
onSearchContacts={this.handleSearchContacts} />
<FormattedMessage id="forward_to_dearch_placeholder" defaultMessage="Search contacts"
description="Contact search prompt when forwarding a message.">{
(search_placeholder) => <SearchContacts
placeholder={search_placeholder}
onSearchContacts={this.handleSearchContacts} />
}</FormattedMessage>
<FormattedMessage id="search_no_results" defaultMessage="Search returned no results"
description="Text shown in contacts view when query returned no results.">{
(not_found_placeholder) => <ContactList
+2 -5
View File
@@ -57,13 +57,10 @@ export default class SearchContacts extends React.PureComponent {
<div className="panel-form">
<div className="panel-form-row">
<i className="material-icons search">search</i>
<FormattedMessage id="search_placeholder" defaultMessage="List like email:alice@example.com, tel:17025550003..."
description="Placeholder in contacts search field">{
(search_placeholder) => <input className="search" type="text"
placeholder={search_placeholder}
<input className="search" type="text"
placeholder={this.props.placeholder}
value={this.state.search} onChange={this.handleSearchChange}
onKeyDown={this.handleKeyDown} required autoFocus />
}</FormattedMessage>
{this.state.search ?
<a href="#" onClick={this.handleClear}><i className="material-icons">highlight_off</i></a>
: