Add translations (WIP)

src/languages/index.js

@@ -1,24 +1,50 @@
 import LocalizedStrings from 'react-localization';
-import english from './_english';
+
 import chinese from './_chinese';
+import danish from './_danish';
+import english from './_english';
+import french from './_french';
+import german from './_german';
+import italian from './_italian';
+import japanese from './_japanese';
+import korean from './_korean';
+import portuguese from './_portuguese';
+import russian from './_russian';
+import spanish from './_spanish';
 
 export const defaultLocale = 'en';
 
-export const languages = [
-  // { value: 'da', text: 'Dansk' },
-  // { value: 'de', text: 'Deutsch' },
-  { value: 'en', text: 'English' },
-  // { value: 'es', text: 'Español' },
-  // { value: 'fr', text: 'Français' },
-  // { value: 'ja', text: '日本語' },
-  // { value: 'ko', text: '한국어' },
-  // { value: 'pt-BR', text: 'Português (Brasil)' },
-  // { value: 'ru', text: 'Pусский' },
-  // { value: 'vi', text: 'Tiếng Việt' },
-  { value: 'zh-CN', text: '中文 (简体)' }
-];
-
-export default new LocalizedStrings({
-  en: english,
-  'zh-CN': chinese
-});
+const languageFiles = {
+  'zh-CN': chinese,
+  'da': danish,
+  'en': english,
+  'fr': french,
+  'de': german,
+  'it': italian,
+  'ja': japanese,
+  'ko': korean,
+  'pt-BR': portuguese,
+  'ru': russian,
+  'es': spanish,
+};
+
+export const locales = Object.keys(languageFiles);
+
+export default new LocalizedStrings(languageFiles);
+
+/*
+Paste in terminal to open all langs:
+
+open http://localhost:3000/?lang=da
+open http://localhost:3000/?lang=de
+open http://localhost:3000/?lang=en
+open http://localhost:3000/?lang=es
+open http://localhost:3000/?lang=fr
+open http://localhost:3000/?lang=it
+open http://localhost:3000/?lang=ja
+open http://localhost:3000/?lang=ko
+open http://localhost:3000/?lang=pt-BR
+open http://localhost:3000/?lang=ru
+open http://localhost:3000/?lang=zh-CN
+
+ */

src/pages/Landing.js

@@ -76,6 +76,7 @@ const Card = styled.div`
     height: 39px;
     line-height: 38px;
     text-decoration: none;
+    white-space: nowrap;
   }
 
   .button.enabled {

src/providers/LanguageProvider.js

@@ -1,5 +1,5 @@
 import React, { createContext, useState } from 'react';
-import lang, { languages, defaultLocale } from 'languages';
+import lang, { locales, defaultLocale } from 'languages';
 import { getPreferredLanguage } from 'utils/language';
 import debug from 'debug';
 const log = debug('maker:LanguageProvider');
@@ -35,7 +35,7 @@ function LanguageProvider({ children }) {
     ].filter(x => x);
 
     const detectedLanguage = getPreferredLanguage({
-      languages: languages.map(language => language.value),
+      languages: locales,
       overrides: localeOverrides,
       fallback: defaultLocale
     });