secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Dropdown styles; Search form outside of Header

Browse Source
This commit is contained in:
James Barnsley
2017-06-22 09:01:50 +12:00
parent b4f3362aac
commit 20ac268fdf
9 changed files with 60 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/js/views/Search.js
View File

@ -32,6 +32,9 @@ class Search extends React.Component{
if (this.props.params && this.props.params.type && this.props.params.query){
this.props.uiActions.startSearch(this.props.params.type, this.props.params.query)
}
// Auto-focus on the input field
$(document).find('.search-form input').focus();
}
componentWillReceiveProps(newProps){
@ -243,7 +246,8 @@ class Search extends React.Component{
return (
<div className="view search-view">
<Header search={(this.props.params && this.props.params.query ? this.props.params.query : null)} options={options} uiActions={this.props.uiActions} />
<Header icon="search" options={options} uiActions={this.props.uiActions} />
<SearchForm query={this.props.params.query} />
<div className="content-wrapper">
{ this.renderResults() }
</div>

4
src/js/views/library/LibraryAlbums.js
View File

@ -111,9 +111,9 @@ class LibraryAlbums extends React.Component{
</Link>
<div className="detail">
<Link to={global.baseURL+'album/'+album.uri}>
<h3>{ album.name }</h3>
<h2>{ album.name }</h2>
</Link>
<h4><ArtistSentence className="grey-text" artists={album.artists} /></h4>
<h3><ArtistSentence className="grey-text" artists={album.artists} /></h3>
</div>
<div className="list-wrapper">
<TrackList tracks={album.tracks} />