[Update] Config Page: VR Tab. Add EnabledOverlaySmallLog Switch and connect to backend.

src-ui/app/config_page/setting_section/setting_box/vr/Vr.jsx

@@ -1,9 +1,13 @@
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
+import { clsx } from "clsx";
 import styles from "./Vr.module.scss";
 import { Slider } from "../_components/";
-import { clsx } from "clsx";
 import {
+    SwitchBoxContainer,
+} from "../_templates/Templates";
+import {
+    useIsEnabledOverlaySmallLog,
     useOverlaySettings,
     useOverlaySmallLogSettings,
 } from "@logics_configs";
@@ -58,6 +62,7 @@ export const Vr = () => {
 
     return (
         <div className={styles.container}>
+            <EnableOverlaySmallLogContainer />
             <CommonControls />
             <div className={styles.controller_type_switch} onClick={toggleController}>
                 <div className={toggle_button_class_names__position}>
@@ -78,6 +83,19 @@ export const Vr = () => {
     );
 };
 
+const EnableOverlaySmallLogContainer = () => {
+    const { t } = useTranslation();
+    const { currentIsEnabledOverlaySmallLog, toggleIsEnabledOverlaySmallLog } = useIsEnabledOverlaySmallLog();
+
+    return (
+        <SwitchBoxContainer
+            label={t("config_page.enable_overlay_small_log.label")}
+            variable={currentIsEnabledOverlaySmallLog}
+            toggleFunction={toggleIsEnabledOverlaySmallLog}
+        />
+    );
+};
+
 const CommonControls = () => {
     const { t } = useTranslation();
     const { currentOverlaySettings, setOverlaySettings } = useOverlaySettings();

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

@@ -6,7 +6,7 @@ export const useIsEnabledOverlaySmallLog = () => {
     const { currentIsEnabledOverlaySmallLog, updateIsEnabledOverlaySmallLog, pendingIsEnabledOverlaySmallLog } = useStore_IsEnabledOverlaySmallLog();
 
     const getIsEnabledOverlaySmallLog = () => {
-        // pendingIsEnabledOverlaySmallLog();
+        pendingIsEnabledOverlaySmallLog();
         asyncStdoutToPython("/get/data/overlay_settings");
     };
 

src-ui/logics/useReceiveRoutes.js

@@ -46,6 +46,7 @@ import {
     useSpeakerPhraseTimeout,
     useSpeakerMaxWords,
     useOverlaySettings,
+    useIsEnabledOverlaySmallLog,
     useOverlaySmallLogSettings,
     useOscIpAddress,
     useOscPort,
@@ -117,6 +118,7 @@ export const useReceiveRoutes = () => {
 
     const { updateOverlaySettings } = useOverlaySettings();
     const { updateOverlaySmallLogSettings } = useOverlaySmallLogSettings();
+    const { updateIsEnabledOverlaySmallLog } = useIsEnabledOverlaySmallLog();
 
     const { updateOscIpAddress } = useOscIpAddress();
     const { updateOscPort } = useOscPort();
@@ -320,6 +322,10 @@ export const useReceiveRoutes = () => {
         "/get/data/overlay_settings": updateOverlaySettings,
         "/set/data/overlay_settings": updateOverlaySettings,
 
+        "/get/data/overlay_small_log": updateIsEnabledOverlaySmallLog,
+        "/set/enable/overlay_small_log": updateIsEnabledOverlaySmallLog,
+        "/set/disable/overlay_small_log": updateIsEnabledOverlaySmallLog,
+
         "/get/data/overlay_small_log_settings": updateOverlaySmallLogSettings,
         "/set/data/overlay_small_log_settings": updateOverlaySmallLogSettings,