Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[common] Correct searchbar

Browse source
This commit is contained in:
SergeyEzhin 2021-04-30 16:10:30 +03:00
parent 024e20266d
commit 4b0722ad91
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/common/mobile/lib/view/Search.jsx
View file

@ -258,9 +258,9 @@ class SearchView extends Component {
render() { render() {
const usereplace = searchOptions.usereplace; const usereplace = searchOptions.usereplace;
const isReplaceAll = searchOptions.isReplaceAll; const isReplaceAll = searchOptions.isReplaceAll;
// const hidden = {display: "none"}; const hidden = {display: "none"};
const searchQuery = this.state.searchQuery; const searchQuery = this.state.searchQuery;
const replaceQuery = this.state.replaceQuery; // const replaceQuery = this.state.replaceQuery;
const isIos = Device.ios; const isIos = Device.ios;
const { _t } = this.props; const { _t } = this.props;
@ -279,20 +279,20 @@ class SearchView extends Component {
</div> </div>
<div className="searchbar-inner__center"> <div className="searchbar-inner__center">
<div className="searchbar-input-wrap"> <div className="searchbar-input-wrap">
<input placeholder={_t.textSearch} type="search" maxLength="255" value={searchQuery} <input placeholder={_t.textSearch} type="search" maxLength="255"
onChange={e => {this.changeSearchQuery(e.target.value)}} /> onChange={e => {this.changeSearchQuery(e.target.value)}} />
{isIos ? <i className="searchbar-icon" /> : null} {isIos ? <i className="searchbar-icon" /> : null}
<span className="input-clear-button" /> <span className="input-clear-button" onClick={() => this.changeSearchQuery('')} />
</div> </div>
{usereplace || isReplaceAll ? {/* {usereplace || isReplaceAll ? */}
<div className="searchbar-input-wrap"> <div className="searchbar-input-wrap" style={usereplace || isReplaceAll ? null : hidden}>
{/* style={!usereplace ? hidden: null} */} {/* style={!usereplace ? hidden: null} */}
<input placeholder={_t.textReplace} type="search" maxLength="255" id="idx-replace-val" value={replaceQuery} <input placeholder={_t.textReplace} type="search" maxLength="255" id="idx-replace-val"
onChange={e => {this.changeReplaceQuery(e.target.value)}} /> onChange={e => {this.changeReplaceQuery(e.target.value)}} />
{isIos ? <i className="searchbar-icon" /> : null} {isIos ? <i className="searchbar-icon" /> : null}
<span className="input-clear-button" /> <span className="input-clear-button" onClick={() => this.changeReplaceQuery('')} />
</div> </div>
: null} {/* */}
</div> </div>
<div className="buttons-row searchbar-inner__right"> <div className="buttons-row searchbar-inner__right">
<div className="buttons-row buttons-row-replace"> <div className="buttons-row buttons-row-replace">