[Update] Config Page: VR Tab. Add section show only translated messages.

src-ui/logics/configs/index.js

@@ -47,6 +47,7 @@ export { useSelectedCTranslate2ComputeDevice } from "./translation/useSelectedCT
 export { useIsEnabledOverlaySmallLog } from "./vr/useIsEnabledOverlaySmallLog";
 export { useOverlaySmallLogSettings } from "./vr/useOverlaySmallLogSettings";
 export { useIsEnabledOverlayLargeLog } from "./vr/useIsEnabledOverlayLargeLog";
+export { useOverlayShowOnlyTranslatedMessages } from "./vr/useOverlayShowOnlyTranslatedMessages";
 export { useOverlayLargeLogSettings } from "./vr/useOverlayLargeLogSettings";
 
 export { useOscIpAddress } from "./advanced_settings/useOscIpAddress";

src-ui/logics/configs/vr/useOverlayShowOnlyTranslatedMessages.js

@@ -0,0 +1,28 @@
+import { useStore_OverlayShowOnlyTranslatedMessages } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useOverlayShowOnlyTranslatedMessages = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentOverlayShowOnlyTranslatedMessages, updateOverlayShowOnlyTranslatedMessages, pendingOverlayShowOnlyTranslatedMessages } = useStore_OverlayShowOnlyTranslatedMessages();
+
+    const getOverlayShowOnlyTranslatedMessages = () => {
+        pendingOverlayShowOnlyTranslatedMessages();
+        asyncStdoutToPython("/get/data/overlay_show_only_translated_messages");
+    };
+
+    const toggleOverlayShowOnlyTranslatedMessages = () => {
+        pendingOverlayShowOnlyTranslatedMessages();
+        if (currentOverlayShowOnlyTranslatedMessages.data) {
+            asyncStdoutToPython("/set/disable/overlay_show_only_translated_messages");
+        } else {
+            asyncStdoutToPython("/set/enable/overlay_show_only_translated_messages");
+        }
+    };
+
+    return {
+        currentOverlayShowOnlyTranslatedMessages,
+        getOverlayShowOnlyTranslatedMessages,
+        updateOverlayShowOnlyTranslatedMessages,
+        toggleOverlayShowOnlyTranslatedMessages,
+    };
+};

src-ui/logics/useReceiveRoutes.js

@@ -64,6 +64,7 @@ import {
     useOverlaySmallLogSettings,
     useIsEnabledOverlayLargeLog,
     useOverlayLargeLogSettings,
+    useOverlayShowOnlyTranslatedMessages,
     useOscIpAddress,
     useOscPort,
 } from "@logics_configs";
@@ -161,6 +162,7 @@ export const useReceiveRoutes = () => {
     const { updateIsEnabledOverlaySmallLog } = useIsEnabledOverlaySmallLog();
     const { updateOverlayLargeLogSettings } = useOverlayLargeLogSettings();
     const { updateIsEnabledOverlayLargeLog } = useIsEnabledOverlayLargeLog();
+    const { updateOverlayShowOnlyTranslatedMessages } = useOverlayShowOnlyTranslatedMessages();
 
     const { updateOscIpAddress } = useOscIpAddress();
     const { updateOscPort } = useOscPort();
@@ -414,6 +416,10 @@ export const useReceiveRoutes = () => {
         "/get/data/overlay_large_log_settings": updateOverlayLargeLogSettings,
         "/set/data/overlay_large_log_settings": updateOverlayLargeLogSettings,
 
+        "/get/data/overlay_show_only_translated_messages": updateOverlayShowOnlyTranslatedMessages,
+        "/set/enable/overlay_show_only_translated_messages": updateOverlayShowOnlyTranslatedMessages,
+        "/set/disable/overlay_show_only_translated_messages": updateOverlayShowOnlyTranslatedMessages,
+
         // Others Tab
         "/get/data/auto_clear_message_box": updateEnableAutoClearMessageInputBox,
         "/set/enable/auto_clear_message_box": updateEnableAutoClearMessageInputBox,