Add initial language selection helpers

buttercup · Apr 9, 2024 · dcee374 · dcee374
1 parent 94b25e5
commit dcee374
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 2 deletions.
diff --git a/source/background/services/config.ts b/source/background/services/config.ts
@@ -5,6 +5,7 @@ import { naiveClone } from "../../shared/library/clone.js";
 const DEFAULTS: Configuration = {
     entryIcons: true,
     inputButtonDefault: InputButtonType.LargeButton,
+    language: null,
     saveNewLogins: true,
     theme: "light",
     useSystemTheme: true

diff --git a/source/popup/components/pages/SettingsPage.tsx b/source/popup/components/pages/SettingsPage.tsx
@@ -105,6 +105,21 @@ export function SettingsPage() {
             )}
             {config && (
                 <Fragment>
+                    <SettingSection title={t("config.section.application")}>
+                        {/* <Select
+                            activeItem={activeInputButtonItem}
+                            fill
+                            filterable={false}
+                            items={inputButtonItems}
+                            onItemSelect={handleInputButtonItemSelect}
+                            itemRenderer={renderInputButtonTypeItem}
+                        >
+                            <Button
+                                text={t(`config.input-button-type.${config.inputButtonDefault}`)}
+                                rightIcon="double-caret-vertical"
+                            />
+                        </Select> */}
+                    </SettingSection>
                     <SettingSection title={t("config.section.theme")}>
                         <Switch
                             checked={config.useSystemTheme}
@@ -154,7 +169,6 @@ export function SettingsPage() {
                             <Button
                                 text={t(`config.input-button-type.${config.inputButtonDefault}`)}
                                 rightIcon="double-caret-vertical"
-                                // placeholder="Select a film"
                             />
                         </Select>
                     </SettingSection>

diff --git a/source/popup/hooks/languages.ts b/source/popup/hooks/languages.ts
@@ -0,0 +1,12 @@
+import { useMemo } from "react";
+import { TRANSLATIONS } from "../../shared/i18n/trans.js";
+
+export interface LanguageOption {
+    key: string | null;
+    name: string;
+}
+
+export function useLanguageOptions(): Array<LanguageOption> {
+    const languages = useMemo(() => [], []);
+    return languages;
+}
diff --git a/source/shared/i18n/translations/en.json b/source/shared/i18n/translations/en.json
@@ -24,6 +24,7 @@
         },
         "section": {
             "advanced": "Advanced Settings",
+            "application": "Application",
             "forms": "Forms",
             "logins": "Logins",
             "privacy": "Privacy",

diff --git a/source/shared/library/version.ts b/source/shared/library/version.ts
@@ -1,4 +1,4 @@
 // Do not edit this file - it is generated automatically at build time
 
-export const BUILD_DATE = "2024-04-07";
+export const BUILD_DATE = "2024-04-08";
 export const VERSION = "3.1.0";
diff --git a/source/shared/types.ts b/source/shared/types.ts
@@ -97,6 +97,7 @@ export type ChildElements = ChildElement | Array<ChildElement>;
 export interface Configuration {
     entryIcons: boolean;
     inputButtonDefault: InputButtonType;
+    language: string | null;
     saveNewLogins: boolean;
     theme: "light" | "dark";
     useSystemTheme: boolean;