Merge branch 'processing-develop' into chinese

Author: peilingjiang

client/components/Nav.jsx

@@ -617,6 +617,16 @@ class Nav extends React.PureComponent {
             />
           </button>
           <ul className="nav__dropdown">
+            <li className="nav__dropdown-item">
+              <button
+                onFocus={this.handleFocusForLang}
+                onBlur={this.handleBlur}
+                value="de"
+                onClick={(e) => this.handleLangSelection(e)}
+              >
+                Deutsch
+              </button>
+            </li>
             <li className="nav__dropdown-item">
               <button
                 onFocus={this.handleFocusForLang}
@@ -641,20 +651,20 @@ class Nav extends React.PureComponent {
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="pt-BR"
+                value="fr-CA"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                Português
+                Français
               </button>
             </li>
             <li className="nav__dropdown-item">
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="de"
+                value="hi"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                Deutsch
+                हिन्दी
               </button>
             </li>
             <li className="nav__dropdown-item">
@@ -681,10 +691,10 @@ class Nav extends React.PureComponent {
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="hi"
+                value="pt-BR"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                हिन्दी
+                Português
               </button>
             </li>
           </ul>

client/i18n.js

@@ -1,39 +1,42 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import Backend from 'i18next-http-backend';
-import { enUS, es, ja, hi, ptBR, de, zhCN } from 'date-fns/locale';
+import { enUS, es, ja, hi, ptBR, de, frCA, zhCN } from 'date-fns/locale';
 
 const fallbackLng = ['en-US'];
 const availableLanguages = [
+  'de',
   'en-US',
   'es-419',
-  'ja',
+  'fr-CA',
   'hi',
+  'ja',
   'pt-BR',
-  'de',
   'zh-CN'
 ];
 
 export function languageKeyToLabel(lang) {
   const languageMap = {
+    de: 'Deutsch',
     'en-US': 'English',
     'es-419': 'Español',
-    ja: '日本語',
+    'fr-CA': 'Français',
     hi: 'हिन्दी',
+    ja: '日本語',
     'pt-BR': 'Português',
-    de: 'Deutsch',
     'zh-CN': '简体中文'
   };
   return languageMap[lang];
 }
 
 export function languageKeyToDateLocale(lang) {
   const languageMap = {
+    de,
     'en-US': enUS,
     'es-419': es,
-    ja,
+    'fr-CA': frCA,
     hi,
-    de,
+    ja,
     'pt-BR': ptBR,
     'zh-CN': zhCN
   };

client/modules/IDE/components/Editor.jsx

@@ -212,10 +212,7 @@ class Editor extends React.Component {
   }
 
   componentDidUpdate(prevProps) {
-    if (
-      this.props.file.content !== prevProps.file.content &&
-      this.props.file.content !== this._cm.getValue()
-    ) {
+    if (this.props.file.id !== prevProps.file.id) {
       const oldDoc = this._cm.swapDoc(this._docs[this.props.file.id]);
       this._docs[prevProps.file.id] = oldDoc;
       this._cm.focus();