KevinMidboe/seasonedShows
1
0
Fork 0
Code Issues 20 Pull Requests 2 Packages Projects Releases 8 Wiki Activity

Renamed the variable name for our stylesheet.

Browse Source
This commit is contained in:
Kevin
2017-12-02 13:16:57 +01:00
parent 580cdc430f
commit 246abd7020
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
client/app/components/SearchRequest.jsx
View File

@@ -4,7 +4,7 @@ import URI from 'urijs';
import InfiniteScroll from 'react-infinite-scroller'; import InfiniteScroll from 'react-infinite-scroller';
// StyleComponents // StyleComponents
import searchStyle from './styles/searchRequestStyle.jsx'; import searchRequestCSS from './styles/searchRequestStyle.jsx';
import SearchObject from './SearchObject.jsx'; import SearchObject from './SearchObject.jsx';
import Loading from './images/loading.jsx' import Loading from './images/loading.jsx'
@@ -343,12 +343,12 @@ class SearchRequest extends React.Component {
movieToggle() { movieToggle() {
if (this.state.movieFilter) if (this.state.movieFilter)
return <span style={searchStyle.searchFilterActive} return <span style={searchRequestCSS.searchFilterActive}
className="search_category hvrUnderlineFromCenter" className="search_category hvrUnderlineFromCenter"
onClick={() => {this.toggleFilter('movies')}} onClick={() => {this.toggleFilter('movies')}}
id="category_active">Movies</span> id="category_active">Movies</span>
else else
return <span style={searchStyle.searchFilterNotActive} return <span style={searchRequestCSS.searchFilterNotActive}
className="search_category hvrUnderlineFromCenter" className="search_category hvrUnderlineFromCenter"
onClick={() => {this.toggleFilter('movies')}} onClick={() => {this.toggleFilter('movies')}}
id="category_active">Movies</span> id="category_active">Movies</span>
@@ -356,12 +356,12 @@ class SearchRequest extends React.Component {
showToggle() { showToggle() {
if (this.state.showFilter) if (this.state.showFilter)
return <span style={searchStyle.searchFilterActive} return <span style={searchRequestCSS.searchFilterActive}
className="search_category hvrUnderlineFromCenter" className="search_category hvrUnderlineFromCenter"
onClick={() => {this.toggleFilter('shows')}} onClick={() => {this.toggleFilter('shows')}}
id="category_active">TV Shows</span> id="category_active">TV Shows</span>
else else
return <span style={searchStyle.searchFilterNotActive} return <span style={searchRequestCSS.searchFilterNotActive}
className="search_category hvrUnderlineFromCenter" className="search_category hvrUnderlineFromCenter"
onClick={() => {this.toggleFilter('shows')}} onClick={() => {this.toggleFilter('shows')}}
id="category_active">TV Shows</span> id="category_active">TV Shows</span>
@@ -381,17 +381,17 @@ class SearchRequest extends React.Component {
initialLoad={this.state.loadResults}> initialLoad={this.state.loadResults}>
<MediaQuery minWidth={600}> <MediaQuery minWidth={600}>
<div style={searchStyle.body}> <div style={searchRequestCSS.body}>
<div className='backgroundHeader' style={searchStyle.backgroundLargeHeader}> <div className='backgroundHeader' style={searchRequestCSS.backgroundLargeHeader}>
<div className='pageTitle' style={searchStyle.pageTitle}> <div className='pageTitle' style={searchRequestCSS.pageTitle}>
<span style={searchStyle.pageTitleLargeSpan}>Request new content</span> <span style={searchRequestCSS.pageTitleLargeSpan}>Request new content</span>
</div> </div>
<div className='box' style={searchStyle.box}> <div className='box' style={searchRequestCSS.box}>
<div style={searchStyle.searchLargeContainer}> <div style={searchRequestCSS.searchLargeContainer}>
<span style={searchStyle.searchIcon}><i className="fa fa-search"></i></span> <span style={searchRequestCSS.searchIcon}><i className="fa fa-search"></i></span>
<input style={searchStyle.searchLargeBar} type="text" id="search" placeholder="Search for new content..." <input style={searchRequestCSS.searchLargeBar} type="text" id="search" placeholder="Search for new content..."
onKeyPress={(event) => this._handleQueryKeyPress(event)} onKeyPress={(event) => this._handleQueryKeyPress(event)}
onChange={event => this.updateQueryState(event)} onChange={event => this.updateQueryState(event)}
value={this.state.searchQuery}/> value={this.state.searchQuery}/>
@@ -400,8 +400,8 @@ class SearchRequest extends React.Component {
</div> </div>
</div> </div>
<div id='requestMovieList' ref='requestMovieList' style={searchStyle.requestWrapper}> <div id='requestMovieList' ref='requestMovieList' style={searchRequestCSS.requestWrapper}>
<span style={searchStyle.resultLargeHeader}>{this.state.resultHeader}</span> <span style={searchRequestCSS.resultLargeHeader}>{this.state.resultHeader}</span>
<br></br><br></br> <br></br><br></br>
{this.state.responseMovieList} {this.state.responseMovieList}
@@ -410,17 +410,17 @@ class SearchRequest extends React.Component {
</MediaQuery> </MediaQuery>
<MediaQuery maxWidth={600}> <MediaQuery maxWidth={600}>
<div style={searchStyle.body}> <div style={searchRequestCSS.body}>
<div className='backgroundHeader' style={searchStyle.backgroundSmallHeader}> <div className='backgroundHeader' style={searchRequestCSS.backgroundSmallHeader}>
<div className='pageTitle' style={searchStyle.pageTitle}> <div className='pageTitle' style={searchRequestCSS.pageTitle}>
<span style={searchStyle.pageTitleSmallSpan}>Request new content</span> <span style={searchRequestCSS.pageTitleSmallSpan}>Request new content</span>
</div> </div>
<div className='box' style={searchStyle.box}> <div className='box' style={searchRequestCSS.box}>
<div style={searchStyle.searchSmallContainer}> <div style={searchRequestCSS.searchSmallContainer}>
<span style={searchStyle.searchIcon}><i className="fa fa-search"></i></span> <span style={searchRequestCSS.searchIcon}><i className="fa fa-search"></i></span>
<input style={searchStyle.searchSmallBar} type="text" id="search" placeholder="Search for new content..." <input style={searchRequestCSS.searchSmallBar} type="text" id="search" placeholder="Search for new content..."
onKeyPress={(event) => this._handleQueryKeyPress(event)} onKeyPress={(event) => this._handleQueryKeyPress(event)}
onChange={event => this.updateQueryState(event)} onChange={event => this.updateQueryState(event)}
value={this.state.searchQuery}/> value={this.state.searchQuery}/>
@@ -429,8 +429,8 @@ class SearchRequest extends React.Component {
</div> </div>
</div> </div>
<div id='requestMovieList' ref='requestMovieList' style={searchStyle.requestWrapper}> <div id='requestMovieList' ref='requestMovieList' style={searchRequestCSS.requestWrapper}>
<span style={searchStyle.resultSmallHeader}>{this.state.resultHeader}</span> <span style={searchRequestCSS.resultSmallHeader}>{this.state.resultHeader}</span>
<br></br><br></br> <br></br><br></br>
{this.state.responseMovieList} {this.state.responseMovieList}