[Update] Config Page: Add Others Tab. Auto Clear Message Input Box, Send Message Button Type.

src-ui/logics/configs/index.js

@@ -10,14 +10,13 @@ export { useSpeakerDeviceList } from "./device/useSpeakerDeviceList";
 export { useSpeakerThreshold } from "./device/useSpeakerThreshold";
 
 export { useMessageLogUiScaling } from "./appearance/useMessageLogUiScaling";
-// export { useRestoreWindowGeometry } from "./appearance/useRestoreWindowGeometry";
 export { useSelectedFontFamily } from "./appearance/useSelectedFontFamily";
-export { useSendMessageButtonType } from "./appearance/useSendMessageButtonType";
 export { useTransparency } from "./appearance/useTransparency";
 export { useUiLanguage } from "./appearance/useUiLanguage";
 export { useUiScaling } from "./appearance/useUiScaling";
 
-export { useEnableAutoClearMessageBox } from "./others/useEnableAutoClearMessageBox";
+export { useEnableAutoClearMessageInputBox } from "./others/useEnableAutoClearMessageInputBox";
+export { useSendMessageButtonType } from "./others/useSendMessageButtonType";
 
 export { useMicRecordTimeout } from "./transcription/useMicRecordTimeout";
 export { useMicPhraseTimeout } from "./transcription/useMicPhraseTimeout";

src-ui/logics/configs/others/useEnableAutoClearMessageBox.js

@@ -1,28 +0,0 @@
-import { useStore_EnableAutoClearMessageBox } from "@store";
-import { useStdoutToPython } from "@logics/useStdoutToPython";
-
-export const useEnableAutoClearMessageBox = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentEnableAutoClearMessageBox, updateEnableAutoClearMessageBox, pendingEnableAutoClearMessageBox } = useStore_EnableAutoClearMessageBox();
-
-    const getEnableAutoClearMessageBox = () => {
-        pendingEnableAutoClearMessageBox();
-        asyncStdoutToPython("/get/data/auto_clear_message_box");
-    };
-
-    const toggleEnableAutoClearMessageBox = () => {
-        pendingEnableAutoClearMessageBox();
-        if (currentEnableAutoClearMessageBox.data) {
-            asyncStdoutToPython("/set/disable/auto_clear_message_box");
-        } else {
-            asyncStdoutToPython("/set/enable/auto_clear_message_box");
-        }
-    };
-
-    return {
-        currentEnableAutoClearMessageBox,
-        getEnableAutoClearMessageBox,
-        toggleEnableAutoClearMessageBox,
-        updateEnableAutoClearMessageBox,
-    };
-};

src-ui/logics/configs/others/useEnableAutoClearMessageInputBox.js

@@ -0,0 +1,28 @@
+import { useStore_EnableAutoClearMessageInputBox } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useEnableAutoClearMessageInputBox = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentEnableAutoClearMessageInputBox, updateEnableAutoClearMessageInputBox, pendingEnableAutoClearMessageInputBox } = useStore_EnableAutoClearMessageInputBox();
+
+    const getEnableAutoClearMessageInputBox = () => {
+        pendingEnableAutoClearMessageInputBox();
+        asyncStdoutToPython("/get/data/auto_clear_message_box");
+    };
+
+    const toggleEnableAutoClearMessageInputBox = () => {
+        pendingEnableAutoClearMessageInputBox();
+        if (currentEnableAutoClearMessageInputBox.data) {
+            asyncStdoutToPython("/set/disable/auto_clear_message_box");
+        } else {
+            asyncStdoutToPython("/set/enable/auto_clear_message_box");
+        }
+    };
+
+    return {
+        currentEnableAutoClearMessageInputBox,
+        getEnableAutoClearMessageInputBox,
+        toggleEnableAutoClearMessageInputBox,
+        updateEnableAutoClearMessageInputBox,
+    };
+};

src-ui/logics/configs/others/useSendMessageButtonType.js

@@ -0,0 +1,24 @@
+import { useStore_SendMessageButtonType } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSendMessageButtonType = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSendMessageButtonType, updateSendMessageButtonType, pendingSendMessageButtonType } = useStore_SendMessageButtonType();
+
+    const getSendMessageButtonType = () => {
+        pendingSendMessageButtonType();
+        asyncStdoutToPython("/get/data/send_message_button_type");
+    };
+
+    const setSendMessageButtonType = (send_message_button_type) => {
+        pendingSendMessageButtonType();
+        asyncStdoutToPython("/set/data/send_message_button_type", send_message_button_type);
+    };
+
+    return {
+        currentSendMessageButtonType,
+        getSendMessageButtonType,
+        setSendMessageButtonType,
+        updateSendMessageButtonType,
+    };
+};