diff --git a/src/components/dialog/edit-user.js b/src/components/dialog/edit-user.js
index a779725..c8bb203 100644
--- a/src/components/dialog/edit-user.js
+++ b/src/components/dialog/edit-user.js
@@ -98,8 +98,9 @@ class EditUserDialog extends Component {
Role
this.handleChange(e)}>
-
-
+
+
+
diff --git a/src/components/dialog/new-user.js b/src/components/dialog/new-user.js
index 690f17d..f666e31 100644
--- a/src/components/dialog/new-user.js
+++ b/src/components/dialog/new-user.js
@@ -95,8 +95,9 @@ class NewUserDialog extends Component {
Role
this.handleChange(e)}>
-
-
+
+
+
diff --git a/src/containers/users.js b/src/containers/users.js
index 91f720c..288c4f4 100644
--- a/src/containers/users.js
+++ b/src/containers/users.js
@@ -94,6 +94,12 @@ class Users extends Component {
}
}
+ getHumanRoleName(role_key) {
+ const HUMAN_ROLE_NAMES = {admin: 'Administrator', user: 'User', guest: 'Guest'};
+
+ return HUMAN_ROLE_NAMES.hasOwnProperty(role_key)? HUMAN_ROLE_NAMES[role_key] : '';
+ }
+
render() {
return (
@@ -103,7 +109,7 @@ class Users extends Component {
-
+ this.getHumanRoleName(role)} />
this.setState({ editModal: true, modalData: this.state.users[index] })} onDelete={index => this.setState({ deleteModal: true, modalData: this.state.users[index] })} />