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