WIP translate translations.json

Author: koji

client/components/Nav.jsx

@@ -582,6 +582,16 @@ class Nav extends React.PureComponent {
                 Español
               </button>
             </li>
+            <li className="nav__dropdown-item">
+              <button
+                onFocus={this.handleFocusForLang}
+                onBlur={this.handleBlur}
+                value="ja"
+                onClick={e => this.handleLangSelection(e)}
+              >
+                日本語
+              </button>
+            </li>
           </ul>
         </li>
       </React.Fragment>

client/i18n.js

@@ -2,23 +2,25 @@ import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import Backend from 'i18next-http-backend';
-import { enUS, es } from 'date-fns/locale';
+import { enUS, es, ja } from 'date-fns/locale';
 
 const fallbackLng = ['en-US'];
-const availableLanguages = ['en-US', 'es-419'];
+const availableLanguages = ['en-US', 'es-419', 'ja'];
 
 export function languageKeyToLabel(lang) {
   const languageMap = {
     'en-US': 'English',
-    'es-419': 'Español'
+    'es-419': 'Español',
+    'ja': 'Japanese'
   };
   return languageMap[lang];
 }
 
 export function languageKeyToDateLocale(lang) {
   const languageMap = {
     'en-US': enUS,
-    'es-419': es
+    'es-419': es,
+    'ja': ja
   };
   return languageMap[lang];
 }
@@ -35,6 +37,8 @@ const options = {
   allowMultiLoading: false, // set loadPath: '/locales/resources.json?lng={{lng}}&ns={{ns}}' to adapt to multiLoading
 };
 
+console.log('options', options);
+
 i18n
   .use(initReactI18next) // pass the i18n instance to react-i18next.
   // .use(LanguageDetector)// to detect the language from currentBrowser