[Update] Config Page: Device Tab. To be selectable mic host and device.

src-ui/logics/useConfig.js

@@ -32,6 +32,9 @@ export const useConfig = () => {
         updateSelectedMicHost: (payload) => {
             updateSelectedMicHost(payload.data);
         },
+        setSelectedMicHost: (selected_mic_host) => {
+            asyncStdoutToPython("/controller/callback_set_mic_host", selected_mic_host);
+        },
 
         getMicDeviceList: () => asyncStdoutToPython("/controller/list_mic_device"),
         updateMicDeviceList: (payload) => {
@@ -41,6 +44,14 @@ export const useConfig = () => {
         updateSelectedMicDevice: (payload) => {
             updateSelectedMicDevice(payload.data);
         },
+        setSelectedMicDevice: (selected_mic_device) => {
+            asyncStdoutToPython("/controller/callback_set_mic_device", selected_mic_device);
+        },
+
+        updateMicHostAndDevice: (payload) => {
+            updateSelectedMicHost(payload.data.host);
+            updateSelectedMicDevice(payload.data.device);
+        },
 
 
     };

src-ui/logics/useReceiveRoutes.js

@@ -21,6 +21,7 @@ export const useReceiveRoutes = () => {
         updateSelectedMicHost,
         updateMicDeviceList,
         updateSelectedMicDevice,
+        updateMicHostAndDevice,
     } = useConfig();
 
     const routes = {
@@ -36,6 +37,8 @@ export const useReceiveRoutes = () => {
         "/config/choice_mic_host": updateSelectedMicHost,
         "/controller/list_mic_device": updateMicDeviceList,
         "/config/choice_mic_device": updateSelectedMicDevice,
+        "/controller/callback_set_mic_host": updateMicHostAndDevice,
+        "/controller/callback_set_mic_device": updateSelectedMicDevice,
 
         "/controller/callback_messagebox_send": updateSentMessageLog,
         "/action/transcription_send_mic_message": addSentMessageLog,