evan/rats-search
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rework with search panel line

Browse Source
This commit is contained in:
Alexey Kasyanchuk 2018-05-08 18:05:16 +03:00
parent f909fb5aaa
commit faccbd3a87
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/search.js
View File

@ -287,8 +287,9 @@ class Search extends Component {
return ( return (
<div className="column w100p center"> <div className="column w100p center">
<div className='row inline w100p pad0-75' style={{maxWidth: '30em', backgroundColor: 'white', paddingTop: 0}}> <div className='row inline w100p pad0-75' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: 0, margin: 5, borderRadius: 3}}>
<TextField <TextField
style={{marginTop: -12}}
hintText="Search torrent or file" hintText="Search torrent or file"
floatingLabelText="What to search?" floatingLabelText="What to search?"
fullWidth={true} fullWidth={true}
@ -309,18 +310,13 @@ class Search extends Component {
this.forceUpdate() this.forceUpdate()
}} }}
/> />
<RaisedButton style={{marginTop: '15px', marginLeft: '10px'}} label="Search" primary={true} onClick={() =>{
this.search() <div style={{width: 25, height: 25, margin: 2}}>
}} />
</div>
<div className='row w100p center wrap' style={{padding: '0 8px'}}>
<div style={{padding: '0px 17px'}}>
<Checkbox <Checkbox
ref='safeSearch' ref='safeSearch'
checked={this.notSafeSearch ? true : false} checked={this.notSafeSearch ? true : false}
checkedIcon={<Visibility />} checkedIcon={<Visibility />}
uncheckedIcon={<VisibilityOff />} uncheckedIcon={<VisibilityOff />}
label={<span className='text-nowrap' style={{fontSize: '0.87em', transition: '0.1s', color: this.state.safeSearchColor}}>{this.state.safeSearchText}</span>}
iconStyle={{fill: this.state.safeSearchColor}} iconStyle={{fill: this.state.safeSearchColor}}
onCheck={(ev, ch) => { onCheck={(ev, ch) => {
this.setState(this.setSafeSearch(ch)); this.setState(this.setSafeSearch(ch));
@ -328,13 +324,12 @@ class Search extends Component {
style={{paddingBottom: '0.8em'}} style={{paddingBottom: '0.8em'}}
/> />
</div> </div>
<div style={{padding: '0px 17px'}}> <div style={{width: 25, height: 25, margin: 2}}>
<Checkbox <Checkbox
ref='advancedSearch' ref='advancedSearch'
checked={this.state.advancedSearch} checked={this.state.advancedSearch}
checkedIcon={<RemoveIcon />} checkedIcon={<RemoveIcon />}
uncheckedIcon={<AddIcon />} uncheckedIcon={<AddIcon />}
label={<span className='text-nowrap' style={{fontSize: '0.87em', transition: '0.1s', color: 'black'}}>advanced search</span>}
iconStyle={{fill: 'black'}} iconStyle={{fill: 'black'}}
onCheck={(ev, ch) => { onCheck={(ev, ch) => {
this.setState({advancedSearch: ch}); this.setState({advancedSearch: ch});
@ -342,13 +337,18 @@ class Search extends Component {
style={{paddingBottom: '0.8em'}} style={{paddingBottom: '0.8em'}}
/> />
</div> </div>
<RaisedButton style={{marginLeft: '10px'}} label="Search" primary={true} onClick={() =>{
this.search()
}} />
</div> </div>
{ {
this.state.advancedSearch this.state.advancedSearch
&& &&
<AdvancedSearch onChange={(state) => { <AdvancedSearch onChange={(state) => {
this.advanced = state; this.advanced = state;
}} state={this.advanced} /> }} state={this.advanced} />
} }
{ {
this.stats this.stats