mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-03 08:22:42 +00:00
Add classes to User Page sort options + brew links
This commit is contained in:
@@ -48,7 +48,7 @@ const BrewItem = createClass({
|
|||||||
renderDeleteBrewLink : function(){
|
renderDeleteBrewLink : function(){
|
||||||
if(!this.props.brew.editId) return;
|
if(!this.props.brew.editId) return;
|
||||||
|
|
||||||
return <a onClick={this.deleteBrew}>
|
return <a className='deleteLink' onClick={this.deleteBrew}>
|
||||||
<i className='fas fa-trash-alt' title='Delete' />
|
<i className='fas fa-trash-alt' title='Delete' />
|
||||||
</a>;
|
</a>;
|
||||||
},
|
},
|
||||||
@@ -61,7 +61,7 @@ const BrewItem = createClass({
|
|||||||
editLink = this.props.brew.googleId + editLink;
|
editLink = this.props.brew.googleId + editLink;
|
||||||
}
|
}
|
||||||
|
|
||||||
return <a href={`/edit/${editLink}`} target='_blank' rel='noopener noreferrer'>
|
return <a className='editLink' href={`/edit/${editLink}`} target='_blank' rel='noopener noreferrer'>
|
||||||
<i className='fas fa-pencil-alt' title='Edit' />
|
<i className='fas fa-pencil-alt' title='Edit' />
|
||||||
</a>;
|
</a>;
|
||||||
},
|
},
|
||||||
@@ -74,7 +74,7 @@ const BrewItem = createClass({
|
|||||||
shareLink = this.props.brew.googleId + shareLink;
|
shareLink = this.props.brew.googleId + shareLink;
|
||||||
}
|
}
|
||||||
|
|
||||||
return <a href={`/share/${shareLink}`} target='_blank' rel='noopener noreferrer'>
|
return <a className='shareLink' href={`/share/${shareLink}`} target='_blank' rel='noopener noreferrer'>
|
||||||
<i className='fas fa-share-alt' title='Share' />
|
<i className='fas fa-share-alt' title='Share' />
|
||||||
</a>;
|
</a>;
|
||||||
},
|
},
|
||||||
@@ -87,7 +87,7 @@ const BrewItem = createClass({
|
|||||||
shareLink = this.props.brew.googleId + shareLink;
|
shareLink = this.props.brew.googleId + shareLink;
|
||||||
}
|
}
|
||||||
|
|
||||||
return <a href={`/download/${shareLink}`}>
|
return <a className='downloadLink' href={`/download/${shareLink}`}>
|
||||||
<i className='fas fa-download' title='Download' />
|
<i className='fas fa-download' title='Download' />
|
||||||
</a>;
|
</a>;
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ const UserPage = createClass({
|
|||||||
<button
|
<button
|
||||||
value={`${sortValue}`}
|
value={`${sortValue}`}
|
||||||
onClick={this.handleSortOptionChange}
|
onClick={this.handleSortOptionChange}
|
||||||
className={`${(this.state.sortType == sortValue ? 'active' : '')}`}
|
className={`sortOption ${(this.state.sortType == sortValue ? 'active' : '')}`}
|
||||||
>
|
>
|
||||||
{`${sortTitle}`}
|
{`${sortTitle}`}
|
||||||
</button>
|
</button>
|
||||||
@@ -102,7 +102,7 @@ const UserPage = createClass({
|
|||||||
|
|
||||||
renderFilterOption : function(){
|
renderFilterOption : function(){
|
||||||
return <td>
|
return <td>
|
||||||
<label>
|
<label className='filterOption'>
|
||||||
<i className='fas fa-search'></i>
|
<i className='fas fa-search'></i>
|
||||||
<input
|
<input
|
||||||
type='search'
|
type='search'
|
||||||
|
|||||||
Reference in New Issue
Block a user