[Update] Migrate to tauri-app(Web UI)

src-ui/windows/main_window/MainWindow.jsx

@@ -0,0 +1,52 @@
+import { useEffect, useRef } from "react";
+import styles from "./MainWindow.module.scss";
+import { SidebarSection } from "./sidebar_section/SidebarSection";
+import { MainSection } from "./main_section/MainSection";
+import { useStartPython } from "@logics/useStartPython";
+
+export const MainWindow = () => {
+    const { asyncStartPython } = useStartPython();
+    const hasRunRef = useRef(false);
+
+    useEffect(() => {
+        if (!hasRunRef.current) {
+            asyncStartPython();
+        }
+        return () => hasRunRef.current = true;
+    }, []);
+
+    return (
+        <div className={styles.container}>
+            <SidebarSection />
+            <MainSection />
+            <MainWindowCover />
+        </div>
+    );
+};
+
+
+import { useTranslation } from "react-i18next";
+import { useIsOpenedConfigWindow } from "@store";
+import { useWindow } from "@utils/useWindow";
+
+export const MainWindowCover = () => {
+    const { t } = useTranslation();
+    const { currentIsOpenedConfigWindow } = useIsOpenedConfigWindow();
+    const { closeConfigWindow } = useWindow();
+    // console.log(currentIsOpenedConfigWindow);
+    if ( currentIsOpenedConfigWindow === false) return null;
+
+    const closeSettingsWindow = () => closeConfigWindow();
+
+    return (
+        <div className={styles.main_window_cover}>
+            <p className={styles.cover_message}>{t("main_window.cover_message")}</p>
+            <button
+            className={styles.close_settings_window_button}
+            onClick={closeSettingsWindow}
+            >
+                {t("main_window.close_settings_window")}
+            </button>
+        </div>
+    );
+};