From 52281675d0ffd990e35dde10a2975f32d6028e2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Fri, 14 Apr 2017 23:01:40 +0200
Subject: [PATCH] Prettify the explorer options

---
 src/public/js/components/list/explorerOptions.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/public/js/components/list/explorerOptions.js b/src/public/js/components/list/explorerOptions.js
index 9272803..d71e0ea 100644
--- a/src/public/js/components/list/explorerOptions.js
+++ b/src/public/js/components/list/explorerOptions.js
@@ -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>