feat: add setting to change and hotreload locale (#1817)

* feat: add setting to change and hotreload locale * fix: typo in component id * feat: add persistent locale setting * feat: wrap useLocale in a settings set hook, enable locale hotreload when editing settings file * chore: update translation and settings file * feat: enable fuzzy search in locale setting * fix: regenerate translations with official plugins cloned * fix: revert back to system's locale for displaying certain time formats
2026-04-13 09:12:08 -04:00 · 2026-02-26 22:00:17 +01:00
parent f82d7610e3
commit 1fe72e1a66
21 changed files with 819 additions and 536 deletions
--- a/quickshell/Modules/Settings/LocaleTab.qml
+++ b/quickshell/Modules/Settings/LocaleTab.qml
@@ -0,0 +1,63 @@
+import QtQuick
+import qs.Common
+import qs.Services
+import qs.Widgets
+import qs.Modules.Settings.Widgets
+
+Item {
+    id: root
+
+    function capitalizeNativeLanguageName(localeCode) {
+        if (I18n.presentLocales[localeCode] == undefined) {
+            return;
+        }
+        const nativeName = I18n.presentLocales[localeCode].nativeLanguageName;
+        return nativeName[0].toUpperCase() + nativeName.slice(1);
+    }
+
+    DankFlickable {
+        anchors.fill: parent
+        clip: true
+        contentHeight: mainColumn.height + Theme.spacingXL
+        contentWidth: width
+
+        Column {
+            id: mainColumn
+            topPadding: 4
+            width: Math.min(550, parent.width - Theme.spacingL * 2)
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: Theme.spacingXL
+
+            SettingsCard {
+                tab: "locale"
+                tags: ["locale", "language", "country"]
+                title: I18n.tr("Locale Settings")
+                iconName: "language"
+
+                SettingsDropdownRow {
+                    id: localeDropdown
+                    tab: "locale"
+                    tags: ["locale", "language", "country"]
+                    settingKey: "locale"
+                    text: I18n.tr("Current Locale")
+                    description: I18n.tr("Change the locale used by the DMS interface.")
+                    options: Object.keys(I18n.presentLocales).map(root.capitalizeNativeLanguageName)
+                    enableFuzzySearch: true
+
+                    Component.onCompleted: {
+                        currentValue = root.capitalizeNativeLanguageName(SettingsData.locale);
+                    }
+
+                    onValueChanged: value => {
+                        for (let code of Object.keys(I18n.presentLocales)) {
+                            if (root.capitalizeNativeLanguageName(code) === value) {
+                                SettingsData.set("locale", code);
+                                return;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}