Merge branch 'ui' into develop

locales/en.yml

@@ -314,6 +314,9 @@ config_page:
             desc:  "When enabled along with '{{convert_message_to_hiragana}}', romaji will be shown on mouse hover."
         convert_message_to_hiragana:
             label: "Show Hiragana"
+        telemetry:
+            label: "Support our development"
+            desc: "Keeping this on (sending usage data) makes our developers smile, knowing that our software is reaching people like you. \n* Data is anonymous and contains no personal info. \n* Every bit of data is put toward making the product better."
 
     hotkeys:
         toggle_vrct_visibility:

locales/ja.yml

@@ -314,6 +314,9 @@ config_page:
             desc: "「{{convert_message_to_hiragana}}」と同時に有効にした場合は、マウスホバーで表示されます。"
         convert_message_to_hiragana:
             label: "ひらがなを表示"
+        telemetry:
+            label: "製品の改善に協力する"
+            desc: "みなさんの使用状況データを、開発者が数字を見てにやにやするので、オン（送信する）にしたままだと嬉しいです。\n※個人を特定するような情報は収集しません。\n※ちゃんと開発に役立てます。"
 
     hotkeys:
         toggle_vrct_visibility:

locales/ko.yml

@@ -314,6 +314,9 @@ config_page:
             desc:
         convert_message_to_hiragana:
             label:
+        telemetry:
+            label:
+            desc:
 
     hotkeys:
         toggle_vrct_visibility:

locales/zh-Hans.yml

@@ -314,6 +314,9 @@ config_page:
             desc: "与「{{convert_message_to_hiragana}}」同时启用时，将通过鼠标悬停显示。"
         convert_message_to_hiragana:
             label: "显示平假名"
+        telemetry:
+            label:
+            desc:
 
     hotkeys:
         toggle_vrct_visibility:

locales/zh-Hant.yml

@@ -314,6 +314,9 @@ config_page:
             desc: "與「{{convert_message_to_hiragana}}」同時啟用時，將透過滑鼠懸停顯示。"
         convert_message_to_hiragana:
             label: "顯示平假名"
+        telemetry:
+            label:
+            desc:
 
     hotkeys:
         toggle_vrct_visibility:

src-ui/logics/configs/config_page_setter/ui_config_setter.js

@@ -701,6 +701,14 @@ export const SETTINGS_ARRAY = [
         logics_template_id: "toggle_enable_disable",
         base_endpoint_name: "convert_message_to_hiragana",
     },
+    {
+        Category: "Others",
+        Base_Name: "Telemetry",
+        default_value: false,
+        ui_template_id: "toggle",
+        logics_template_id: "toggle_enable_disable",
+        base_endpoint_name: "telemetry",
+    },
 
     // AdvancedSettings
     {

src-ui/logics/useReceiveRoutes.js

@@ -107,8 +107,9 @@ export const STATIC_ROUTE_META_LIST = [
     { endpoint: "/get/data/plugins_status", ns: configs, hook_name: "usePlugins", method_name: "updateSavedPluginsStatus" },
     { endpoint: "/set/data/plugins_status", ns: configs, hook_name: "usePlugins", method_name: "setSuccessSavedPluginsStatus" },
 
-    // // Not Implemented Yet...
+    // // Not Implemented.
     { endpoint: "/get/data/selectable_transcription_engines", ns: null, hook_name: null, method_name: null }, // Not implemented on UI yet. (if ai_models has not been detected, this will be blank array[]. if the ai_models are ok but just network has not connected, it'l be only ["Whisper"])
+    { endpoint: "/run/shutdown", ns: null, hook_name: null, method_name: null }, // Not implemented on UI.
 ];
 
 export const useReceiveRoutes = () => {

src-ui/views/app/config_page/setting_section/setting_box/others/Others.jsx

@@ -53,6 +53,9 @@ export const Others = () => {
                 <ConvertMessageToRomajiContainer />
                 <ConvertMessageToHiraganaContainer />
             </div>
+            <div>
+                <TelemetryContainer />
+            </div>
         </div>
     );
 };
@@ -245,4 +248,18 @@ const ConvertMessageToHiraganaContainer = () => {
             toggleFunction={toggleConvertMessageToHiragana}
         />
     );
+};
+
+const TelemetryContainer = () => {
+    const { t } = useI18n();
+    const { currentTelemetry, toggleTelemetry } = useOthers();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.others.telemetry.label")}
+            desc={t("config_page.others.telemetry.desc")}
+            variable={currentTelemetry}
+            toggleFunction={toggleTelemetry}
+        />
+    );
 };