[Update] UI: Telemetry: Add telemetry settings component.

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/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>
     );
 };
@@ -246,3 +249,17 @@ const ConvertMessageToHiraganaContainer = () => {
         />
     );
 };
+
+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}
+        />
+    );
+};