[Update] Main Page: LanguageSelector. Fetch language list data from Python when starting up software.

src-ui/logics/useReceiveRoutes.js

@@ -1,6 +1,7 @@
 import { arrayToObject } from "@utils/arrayToObject";
 import { useMainFunction } from "./useMainFunction";
 import { useMessage } from "./useMessage";
+import { useSelectableLanguageList } from "./useSelectableLanguageList";
 import { useVolume } from "./useVolume";
 
 import { useSoftwareVersion } from "@logics_configs/useSoftwareVersion";
@@ -25,6 +26,8 @@ export const useReceiveRoutes = () => {
         updateTranscriptionReceiveStatus,
     } = useMainFunction();
 
+    const { updateSelectableLanguageList } = useSelectableLanguageList();
+
     const {
         updateSentMessageLogById,
         addSentMessageLog,
@@ -63,6 +66,7 @@ export const useReceiveRoutes = () => {
         "/controller/callback_enable_transcription_receive": updateTranscriptionReceiveStatus,
         "/controller/callback_disable_transcription_receive": updateTranscriptionReceiveStatus,
 
+        "/controller/list_language_and_country": updateSelectableLanguageList,
 
         "/config/version": updateSoftwareVersion,
 

src-ui/logics/useSelectableLanguageList.js

@@ -0,0 +1,17 @@
+import { useStore_SelectableLanguageList } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSelectableLanguageList = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSelectableLanguageList, updateSelectableLanguageList } = useStore_SelectableLanguageList();
+
+    const getSelectableLanguageList = () => {
+        asyncStdoutToPython("/controller/list_language_and_country");
+    };
+
+    return {
+        currentSelectableLanguageList,
+        getSelectableLanguageList,
+        updateSelectableLanguageList,
+    };
+};