[Update] Config Page: Device Tab. Add dynamic energy threshold functionally and sync slider and entry component.

src-ui/logics/configs/useSpeakerThreshold.js

@@ -1,9 +1,10 @@
-import { useStore_SpeakerThreshold } from "@store";
+import { useStore_SpeakerThreshold, useStore_EnableAutomaticSpeakerThreshold } from "@store";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
 
 export const useSpeakerThreshold = () => {
     const { asyncStdoutToPython } = useStdoutToPython();
     const { updateSpeakerThreshold, currentSpeakerThreshold } = useStore_SpeakerThreshold();
+    const { updateEnableAutomaticSpeakerThreshold, currentEnableAutomaticSpeakerThreshold } = useStore_EnableAutomaticSpeakerThreshold();
 
     const getSpeakerThreshold = () => {
         asyncStdoutToPython("/config/input_speaker_energy_threshold");
@@ -13,10 +14,29 @@ export const useSpeakerThreshold = () => {
         asyncStdoutToPython("/controller/callback_set_speaker_energy_threshold", speaker_threshold);
     };
 
+    const getEnableAutomaticSpeakerThreshold = () => {
+        updateEnableAutomaticSpeakerThreshold(() => new Promise(() => {}));
+        asyncStdoutToPython("/config/input_speaker_dynamic_energy_threshold");
+    };
+
+    const toggleEnableAutomaticSpeakerThreshold = () => {
+        updateEnableAutomaticSpeakerThreshold(() => new Promise(() => {}));
+        if (currentEnableAutomaticSpeakerThreshold.data) {
+            asyncStdoutToPython("/controller/callback_disable_speaker_dynamic_energy_threshold");
+        } else {
+            asyncStdoutToPython("/controller/callback_enable_speaker_dynamic_energy_threshold");
+        }
+    };
+
     return {
         currentSpeakerThreshold,
         getSpeakerThreshold,
         setSpeakerThreshold,
         updateSpeakerThreshold,
+
+        currentEnableAutomaticSpeakerThreshold,
+        getEnableAutomaticSpeakerThreshold,
+        toggleEnableAutomaticSpeakerThreshold,
+        updateEnableAutomaticSpeakerThreshold,
     };
 };