added settings tab, add language chooser

src/i18n/index.js

@@ -3,6 +3,13 @@ import { initReactI18next } from 'react-i18next';
 
 import resources from './resources';
 
+const languages = [
+  {
+    code: 'en',
+    name: 'English',
+  },
+];
+
 i18n.use(initReactI18next).init({
   lng: 'en',
   fallbackLng: 'en',
@@ -12,4 +19,6 @@ i18n.use(initReactI18next).init({
   defaultNS: 'app',
 });
 
+export { languages };
+
 export default i18n;

src/i18n/resources/en/rightSidebar/index.js

@@ -2,6 +2,7 @@ import templates from './templates.json';
 import colors from './colors.json';
 import fonts from './fonts.json';
 import actions from './actions.json';
+import settings from './settings.json';
 import about from './about.json';
 
 export default {
@@ -9,5 +10,6 @@ export default {
   colors,
   fonts,
   actions,
+  settings,
   about,
 };

src/i18n/resources/en/rightSidebar/settings.json

@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}

src/i18n/resources/index.js

@@ -1,5 +1,7 @@
 import en from './en';
+import kn from './kn';
 
 export default {
   en,
+  kn,
 };