Make it clear the search box is actually a search box now

(Thanks Jack)

This reverts commit a7ae10530e.
This commit is contained in:
Alex Liebowitz 2016-07-30 04:29:13 -04:00
parent cfbadd7007
commit 7b8a4918a1

View file

@ -1,18 +1,9 @@
var var searchInputStyle = {
searchContainerStyle = { width: '400px',
display: 'block', display: 'block',
marginBottom: '48px', marginBottom: '48px',
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto', marginRight: 'auto'
textAlign: 'center'
},
protocolLabelStyle = {
color: '#888',
fontSize: '0.9em',
marginRight: '2px'
},
searchInputStyle = {
width: '400px',
}, },
fetchResultsStyle = { fetchResultsStyle = {
color: '#888', color: '#888',
@ -332,13 +323,8 @@ var Discover = React.createClass({
console.log(this.state); console.log(this.state);
return ( return (
<main style={discoverMainStyle}> <main style={discoverMainStyle}>
<section> <section><input type="search" style={searchInputStyle} onChange={this.onQueryChange}
<div style={searchContainerStyle}> placeholder="Find movies, music, games, and more"/></section>
<span style={protocolLabelStyle}>lbry://</span>
<input type="search" style={searchInputStyle} onChange={this.onQueryChange}
placeholder="lbrydomainname"/>
</div>
</section>
{ this.state.searching ? <SearchActive /> : null } { this.state.searching ? <SearchActive /> : null }
{ !this.state.searching && this.state.query && this.state.results.length ? <SearchResults results={this.state.results} /> : null } { !this.state.searching && this.state.query && this.state.results.length ? <SearchResults results={this.state.results} /> : null }
{ !this.state.searching && this.state.query && !this.state.results.length ? <SearchNoResults query={this.state.query} /> : null } { !this.state.searching && this.state.query && !this.state.results.length ? <SearchNoResults query={this.state.query} /> : null }