Rename 'en' to 'en-US' (#153)

* Rename 'en' to 'en-US'

Fixes #152

* English as first language option

This produces the correct fallback selection when the browser language is not yet translated

2 files changed, 3 insertions, 3 deletions

diff --git a/src/App.js b/src/App.js
index c064cc3..5977fd7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -34,12 +34,12 @@ function App() {
           value={i18n.language}
           onChange={(e) => changeLanguage(e.target.value)}
         >
+          <option value="en-US">English</option>
           <option value="ar">Arabic - العربية</option>
           <option value="ca">Catalan - Català</option>
           <option value="zh-HK">Chinese Hong Kong - 简体中文</option>
           <option value="zh-CN">Chinese Simplified - 简体中文</option>
           <option value="nl-NL">Dutch - Nederlands</option>
-          <option value="en">English</option>
           <option value="fr-FR">French - Français</option>
           <option value="de-DE">German - Deutsch</option>
           <option value="hi-IN">Hindi - हिन्दी</option>
diff --git a/src/i18n.js b/src/i18n.js
index 7b3cc08..f6e8c52 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -3,7 +3,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
 const resources = {
-  en: {
+  'en-US': {
     translation: {
       title: 'WiFi Card',
       'desc.use':
@@ -560,7 +560,7 @@ i18n
   .use(initReactI18next)
   .use(LanguageDetector)
   .init({
-    fallbackLng: 'en',
+    fallbackLng: 'en-US',
     resources,
     interpolation: {
       escapeValue: false,