[Ivan Diaz] - Added images to langauge dropdown

src/app/demo/components-demo-page.js

@@ -10,7 +10,7 @@ import Checkbox         from 'core-components/checkbox';
 import Widget           from 'core-components/widget';
 import DropDown         from 'core-components/drop-down';
 
-var dropDownItems = ['English', 'Spanish', 'German', 'Portuguese', 'Japanese'];
+var dropDownItems = [{content: 'English'}, {content: 'Spanish'}, {content: 'German'}, {content: 'Portuguese'}, {content: 'Japanese'}];
 
 var DemoPage = React.createClass({
 

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

@@ -6,9 +6,15 @@ import CommonActions      from 'actions/common-actions';
 import Button             from 'core-components/button';
 import DropDown           from 'core-components/drop-down';
 
-var MainLayoutHeader = React.createClass({
+var languageList = ['English', 'Spanish', 'Portuguese', 'German'];
+var codeLanguages = {
+    'English': 'en',
+    'Spanish': 'es',
+    'Portuguese': 'pt',
+    'German': 'de'
+};
 
-    languageList: ['English', 'Spanish', 'Portuguese', 'German'],
+var MainLayoutHeader = React.createClass({
 
     render() {
         return (
@@ -17,19 +23,25 @@ var MainLayoutHeader = React.createClass({
                     <Button type="clean" route={{to:'/app'}}>{i18n('LOG_IN')}</Button>
                     <Button type="clean" route={{to:'/app/signup'}}>{i18n('SIGN_UP')}</Button>
                 </div>
-                <DropDown className="main-layout-header--languages" items={this.languageList} onChange={this.changeLanguage}/>
+                <DropDown className="main-layout-header--languages" items={this.getLanguageList()} onChange={this.changeLanguage}/>
             </div>
         );
     },
 
-    changeLanguage(event) {
+    getLanguageList() {
-        var codeLanguages = {
+        return languageList.map((item) => {
-            'English': 'en',
+            return {
-            'Spanish': 'es',
+                content: (
-            'Portuguese': 'pt',
+                    <span>
-            'German': 'de'
+                        <img src={`../images/icons/${codeLanguages[item]}.png`} />{item}
+                    </span>
+                )
             };
-        var language = this.languageList[event.index];
+        });
+    },
+
+    changeLanguage(event) {
+        var language = languageList[event.index];
 
         CommonActions.changeLanguage(codeLanguages[language]);
     }