24 lines
1001 B
JavaScript
24 lines
1001 B
JavaScript
import React from 'react';
|
|
|
|
export default class ListSortSettings extends React.PureComponent
|
|
{
|
|
render()
|
|
{
|
|
return <div className={this.props.className} value={this.props.sort.sortby}>
|
|
<select className="sortby">
|
|
{['sent date', 'status', 'label', 'size', 'subject'].map(i => (
|
|
<option key={'s'+i} value={i}>Sort by {i}</option>
|
|
))}
|
|
</select>
|
|
<select className="group" value={this.props.sort.group}>
|
|
<option value="">Do not group</option>
|
|
<option value="read">Group by read status</option>
|
|
<option value="pinned">Group by pinned status</option>
|
|
<option value="date">Group by date</option>
|
|
</select>
|
|
<label><input type="checkbox" checked={this.props.sort.ascending} /> Sort ascending</label>
|
|
<label><input type="checkbox" checked={this.props.sort.threaded} /> Threaded</label>
|
|
</div>
|
|
}
|
|
}
|