f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-25 16:12:37 +00:00
Code Wiki Activity

Reduce code duplication in sorting radio options

Browse Source
This commit is contained in:
G.Ambatte
2021-07-26 22:40:01 +12:00
parent 54d0e2c483
commit b80a249cf7
1 changed files with 22 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
client/homebrew/pages/userPage/userPage.jsx
View File

@@ -83,6 +83,22 @@ const UserPage = createClass({
});
},
renderSortRadioOption : function(sortTitle, sortValue){
return <td>
<label>
<input
type='radio'
name='sortType'
value={`${sortValue}`}
checked={this.state.sortType == `${sortValue}`}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
{`${sortTitle}`}
</label>
</td>;
},
renderSortOptions : function(){
return <div className='sort-container'>
<table>
@@ -90,72 +106,12 @@ const UserPage = createClass({
<td>
<h6>Sort Type :</h6>
</td>
<td>
<label>
<input
type='radio'
name='sortType'
value='alpha'
checked={this.state.sortType == 'alpha'}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
Title
</label>
</td>
<td>
<label>
<input
type='radio'
name='sortType'
value='created'
checked={this.state.sortType == 'created'}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
Created Date
</label>
</td>
<td>
<label>
<input
type='radio'
name='sortType'
value='updated'
checked={this.state.sortType == 'updated'}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
Updated Date
</label>
</td>
<td>
<label>
<input
type='radio'
name='sortType'
value='views'
checked={this.state.sortType == 'views'}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
Views
</label>
</td>
<td>
<label>
<input
type='radio'
name='sortType'
value='latest'
checked={this.state.sortType == 'latest'}
className='sort-radio'
onChange={this.handleSortOptionChange}
/>
Latest
</label>
</td>
<td>
{this.renderSortRadioOption('Title', 'alpha')}
{this.renderSortRadioOption('Created Date', 'created')}
{this.renderSortRadioOption('Updated Date', 'updated')}
{this.renderSortRadioOption('Views', 'views')}
{/* {this.renderSortRadioOption('Latest', 'latest')} */}
<td>
<h6>Direction :</h6>
</td>
<td>