[Ivan Diaz] - Update language dropdown

src/app/main/main-layout-header.js

@@ -6,12 +6,14 @@ import CommonActions      from 'actions/common-actions';
 import Button             from 'core-components/button';
 import DropDown           from 'core-components/drop-down';
 
-var languageList = ['English', 'Spanish', 'Portuguese', 'German'];
+var languageList = ['English', 'Spanish', 'Portuguese', 'German', 'Turkish', 'Indian'];
 var codeLanguages = {
-    'English': 'en',
+    'English': 'us',
     'Spanish': 'es',
     'Portuguese': 'pt',
-    'German': 'de'
+    'German': 'de',
+    'Turkish': 'tr',
+    'Indian': 'in'
 };
 
 var MainLayoutHeader = React.createClass({
@@ -33,7 +35,7 @@ var MainLayoutHeader = React.createClass({
             return {
                 content: (
                     <span>
-                        <img src={`../images/icons/${codeLanguages[item]}.png`} />{item}
+                        <img className="language-icon" src={`../images/icons/${codeLanguages[item]}.png`} />{item}
                     </span>
                 )
             };

src/app/main/main-layout-header.scss

@@ -19,5 +19,9 @@
         position: relative;
         top: 5px;
         left: -6px;
+
+        .language-icon {
+            margin-right: 10px;
+        }
     }
 }

src/core-components/drop-down.js

@@ -77,7 +77,7 @@ var DropDown = React.createClass({
     renderItem(item, index) {
         return (
             <li className="drop-down--list-item" onClick={this.getClickCallback(index)}>
-                {item}
+                {item.content}
             </li>
         );
     },