[Update] Main Page: Connect to backend. IsMainPageCompactMode.

src-ui/logics/main/useIsMainPageCompactMode.js

@@ -0,0 +1,26 @@
+import { useStore_IsMainPageCompactMode } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useIsMainPageCompactMode = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentIsMainPageCompactMode, updateIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
+
+    const getIsMainPageCompactMode = () => {
+        asyncStdoutToPython("/get/main_window_sidebar_compact_mode");
+    };
+
+    const toggleIsMainPageCompactMode = () => {
+        if (currentIsMainPageCompactMode.data) {
+            asyncStdoutToPython("/set/disable_main_window_sidebar_compact_mode");
+        } else {
+            asyncStdoutToPython("/set/enable_main_window_sidebar_compact_mode");
+        }
+    };
+
+    return {
+        currentIsMainPageCompactMode,
+        getIsMainPageCompactMode,
+        toggleIsMainPageCompactMode,
+        updateIsMainPageCompactMode,
+    };
+};

src-ui/logics/useReceiveRoutes.js

@@ -5,8 +5,10 @@ import { useMainFunction } from "@logics_main/useMainFunction";
 import { useMessage } from "@logics_common/useMessage";
 import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
 import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
 import { useVolume } from "@logics_common/useVolume";
 
+
 import { useSoftwareVersion } from "@logics_configs/useSoftwareVersion";
 import { useEnableAutoMicSelect } from "@logics_configs/useEnableAutoMicSelect";
 import { useEnableAutoSpeakerSelect } from "@logics_configs/useEnableAutoSpeakerSelect";
@@ -24,6 +26,7 @@ import { useSendMessageButtonType } from "@logics_configs/useSendMessageButtonTy
 import { useUiLanguage } from "@logics_configs/useUiLanguage";
 
 export const useReceiveRoutes = () => {
+    const { updateIsMainPageCompactMode } = useIsMainPageCompactMode();
     const {
         updateTranslationStatus,
         updateTranscriptionSendStatus,
@@ -66,6 +69,10 @@ export const useReceiveRoutes = () => {
 
     const routes = {
         // Main Page
+        // Page Controls
+        "/get/main_window_sidebar_compact_mode": updateIsMainPageCompactMode,
+        "/set/enable_main_window_sidebar_compact_mode": updateIsMainPageCompactMode,
+        "/set/disable_main_window_sidebar_compact_mode": updateIsMainPageCompactMode,
         // Main Functions
         "/set/enable_translation": updateTranslationStatus,
         "/set/disable_translation": updateTranslationStatus,