+
-
+
@@ -115,6 +133,12 @@ export function SettingsPage() {
+
+
+
+
+
+
)
diff --git a/src/renderer/pages/version-viewer.component.tsx b/src/renderer/pages/version-viewer.component.tsx
index 14e08a65..ff46f9e1 100644
--- a/src/renderer/pages/version-viewer.component.tsx
+++ b/src/renderer/pages/version-viewer.component.tsx
@@ -37,8 +37,6 @@ export function VersionViewer() {
const bsDownloaderService = BsDownloaderService.getInstance();
const progressService = ProgressBarService.getInstance();
- const [launchRes, setLaunchRes] = useState(null);
-
useEffect(() => {
setOculusMode(!!configService.get
(LaunchMods.OCULUS_MOD));
setDesktopMode(!!configService.get(LaunchMods.DESKTOP_MOD));
diff --git a/src/renderer/services/i18n.service.ts b/src/renderer/services/i18n.service.ts
new file mode 100644
index 00000000..05ffc81e
--- /dev/null
+++ b/src/renderer/services/i18n.service.ts
@@ -0,0 +1,56 @@
+import { DefaultConfigKey } from "renderer/config/default-configuration.config";
+import { distinctUntilChanged, filter, map, Observable } from "rxjs";
+import { ConfigurationService } from "./configuration.service";
+import { getProperty } from "dot-prop";
+
+export class I18nService {
+
+ private static instance: I18nService;
+
+ private readonly LANG_CONFIG_KEY: DefaultConfigKey = "language";
+ private readonly LANG_FALLBACK = "en-EN";
+
+ private readonly configService: ConfigurationService;
+
+ private dictionary: Object;
+
+ public static getInstance(): I18nService{
+ if(!I18nService.instance){ I18nService.instance = new I18nService(); }
+ return I18nService.instance;
+ }
+
+ private constructor(){
+ this.configService = ConfigurationService.getInstance();
+
+ this.currentLanguage$.pipe(filter(l => !!l), distinctUntilChanged()).subscribe(lang => {
+ this.dictionary = require(`../../../assets/jsons/translations/${lang}.json`);
+ });
+ }
+
+ public getSupportedLanguages(): string[]{ return this.configService.get("supported_languages" as DefaultConfigKey); }
+ public getFallbackLanguage(): string{ return this.LANG_FALLBACK; }
+
+ public get currentLanguage(): string{
+ return this.getSupportedLanguages().includes(this.configService.get(this.LANG_CONFIG_KEY)) ? this.configService.get(this.LANG_CONFIG_KEY) : this.LANG_FALLBACK;
+ }
+ public get currentLanguage$(): Observable{
+ return this.configService.watch("language" as DefaultConfigKey).pipe(map(l => this.getSupportedLanguages().includes(l) ? l : this.LANG_FALLBACK));
+ }
+
+ public setLanguage(lang: string){
+ this.configService.set("language" as DefaultConfigKey, this.getSupportedLanguages().includes(lang) ? lang : this.LANG_FALLBACK);
+ }
+
+ public translate(translationKey: string): string{
+ return getProperty(this.dictionary, translationKey) || translationKey;
+ }
+
+
+
+
+
+
+
+
+
+}
\ No newline at end of file