From 351ebc9105ee924f6883297607c3bab940032ade Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 12 Oct 2017 13:40:43 -0300
Subject: [PATCH] Find label based on value

---
 .../coral-admin/src/routes/Community/components/Table.js  | 4 +---
 client/coral-ui/components/Dropdown.js                    | 8 ++++----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/coral-admin/src/routes/Community/components/Table.js b/client/coral-admin/src/routes/Community/components/Table.js
index 009ff90de..fb4526a4d 100644
--- a/client/coral-admin/src/routes/Community/components/Table.js
+++ b/client/coral-admin/src/routes/Community/components/Table.js
@@ -34,7 +34,6 @@ const Table = ({headers, commenters, onHeaderClickHandler, onRoleChange, onComme
           <td className="mdl-data-table__cell--non-numeric">
             <Dropdown 
               value={row.status}
-              label={capitalize(row.status)}
               placeholder={t('community.status')}
               onChange={(status) => onCommenterStatusChange(row.id, status)}>     
               <Option value={'ACTIVE'} label={t('community.active')} />
@@ -43,8 +42,7 @@ const Table = ({headers, commenters, onHeaderClickHandler, onRoleChange, onComme
           </td>
           <td className="mdl-data-table__cell--non-numeric">
             <Dropdown
-              value={row.roles[0] || t('community.none')}
-              label={capitalize(row.roles[0]) || t('community.none')}
+              value={row.roles[0] || ''}
               placeholder={t('community.role')}
               onChange={(role) => onRoleChange(row.id, role)}>
               <Option value={''} label={t('community.none')} />
diff --git a/client/coral-ui/components/Dropdown.js b/client/coral-ui/components/Dropdown.js
index 84b1d9139..b2b2d2171 100644
--- a/client/coral-ui/components/Dropdown.js
+++ b/client/coral-ui/components/Dropdown.js
@@ -69,10 +69,10 @@ class Dropdown extends React.Component {
     const options = React.Children.toArray(this.props.children);
     const option = options.find((option) => option.props.value === this.props.value);
 
-    if (option.label) {
-      return option.label;
-    } else if(option.value) {
-      return option.value;
+    if (option.props.label) {
+      return option.props.label;
+    } else if(option.props.value) {
+      return option.props.value;
     } else {
       return this.props.placeholder;
     }