ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Prettify the explorer options

Browse Source
This commit is contained in:
Grégoire Delattre 2017-04-14 23:01:40 +02:00
parent b8e55ec498
commit 52281675d0
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/public/js/components/list/explorerOptions.js
View File

@ -67,6 +67,12 @@ export default class ExplorerOptions extends React.Component {
});
}
}
prettyName(name) {
return name.replace("_", " ")
.split(" ")
.map((w) => w[0].toUpperCase() + w.substr(1))
.join(" ");
}
render() {
// Should this componennt be displayed
if (!this.props.display) {
@ -98,8 +104,8 @@ export default class ExplorerOptions extends React.Component {
value={this.state.selectedSource}
>
{Object.keys(this.props.options).map(function(source) {
return (<option key={source} value={source}>{source}</option>)
})}
return (<option key={source} value={source}>{this.prettyName(source)}</option>)
}, this)}
</FormControl>
</FormGroup>
</div>
@ -113,7 +119,7 @@ export default class ExplorerOptions extends React.Component {
value={this.state.selectedCategory}
>
{this.state.categories.map(function(category) {
return (<option key={category} value={category}>{category}</option>)
return (<option key={category} value={category}>{this.prettyName(category)}</option>)
}, this)}
</FormControl>
</FormGroup>