From 430ba6d7a90b6b9df367cb5da2df98f646bb8025 Mon Sep 17 00:00:00 2001
From: Mohamed El Mahallawy <mmahalwy@gmail.com>
Date: Sun, 19 Mar 2017 02:31:08 -0700
Subject: [PATCH] Fixes #686 Translations author name

---
 src/components/ContentDropdown/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ContentDropdown/index.js b/src/components/ContentDropdown/index.js
index 52a8f6241..4cc5951f2 100644
--- a/src/components/ContentDropdown/index.js
+++ b/src/components/ContentDropdown/index.js
@@ -69,7 +69,7 @@ class ContentDropdown extends Component {
     }
   }
 
-  renderItems(items, key) {
+  renderItems(items, render) {
     const { translations } = this.props;
 
     return items.map((translation) => {
@@ -86,7 +86,7 @@ class ContentDropdown extends Component {
           />
 
           <label htmlFor={translation.id + translation.languageName} className={style.label}>
-            {translation[key]}
+            {render(translation)}
           </label>
         </li>
       );
@@ -98,7 +98,7 @@ class ContentDropdown extends Component {
     .filter(translation => translation.languageName === 'English')
     .sort(compareAlphabetically('authorName'));
 
-    return this.renderItems(list, 'authorName');
+    return this.renderItems(list, translation => translation.authorName);
   }
 
   renderLanguagesList() {
@@ -106,7 +106,7 @@ class ContentDropdown extends Component {
     .filter(translation => translation.languageName !== 'English')
     .sort(compareAlphabetically('languageName'));
 
-    return this.renderItems(list, 'languageName');
+    return this.renderItems(list, translation => `${translation.languageName} - ${translation.authorName}`);
   }
 
   render() {