Improve style

Signed-off-by: Tulir Asokan <tulir@maunium.net>
This commit is contained in:
Tulir Asokan 2019-10-14 20:38:09 +03:00
parent e16d0bfa4d
commit a6e0986bf8
3 changed files with 41 additions and 24 deletions

View file

@ -30,7 +30,8 @@ class Search extends React.PureComponent {
<div className="mx_EmojiPicker_search">
<input type="text" placeholder="Search" value={this.props.query}
onChange={ev => this.props.onChange(ev.target.value)}/>
<button onClick={() => this.props.onChange("")}>
<button onClick={() => this.props.onChange("")}
className={this.props.query ? "mx_EmojiPicker_search_clear" : ""}>
{this.props.query ? icons.search.delete() : icons.search.search()}
</button>
</div>