Merge pull request #1696 from JD-RD/fr-bkp

French translation

Author: catarak

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">
@@ -671,10 +681,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,30 +1,40 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import Backend from 'i18next-http-backend';
-import { enUS, es, ja, hi, ptBR, de } from 'date-fns/locale';
+import { enUS, es, ja, hi, ptBR, de, frCA } from 'date-fns/locale';
 
 const fallbackLng = ['en-US'];
-const availableLanguages = ['en-US', 'es-419', 'ja', 'hi', 'pt-BR', 'de'];
+const availableLanguages = [
+  'de',
+  'en-US',
+  'es-419',
+  'fr-CA',
+  'hi',
+  'ja',
+  'pt-BR'
+];
 
 export function languageKeyToLabel(lang) {
   const languageMap = {
+    de: 'Deutsch',
     'en-US': 'English',
     'es-419': 'Español',
-    ja: '日本語',
+    'fr-CA': 'Français',
     hi: 'हिन्दी',
-    'pt-BR': 'Português',
-    de: 'Deutsch'
+    ja: '日本語',
+    'pt-BR': 'Português'
   };
   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
   };
   return languageMap[lang];