[Refactor] Organize files.

src-ui/app/others/window_title_bar/WindowTitleBar.jsx

@@ -0,0 +1,33 @@
+import { useWindow } from "@logics_common";
+// import clsx from "clsx";
+import styles from "./WindowTitleBar.module.scss";
+import XMarkSvg from "@images/cancel.svg?react";
+import SquareSvg from "@images/square.svg?react";
+import LineSvg from "@images/line.svg?react";
+import VrctSvg from "@images/vrct.svg?react";
+
+export const WindowTitleBar = () => {
+    const { asyncCloseApp, asyncToggleMaximizeApp, asyncMinimizeApp} = useWindow();
+
+    return (
+        <div className={styles.container}>
+            <div className={styles.wrapper} data-tauri-drag-region>
+                <div className={styles.title_wrapper}>
+                    <VrctSvg className={styles.title_svg}/>
+                </div>
+
+                <div className={styles.window_control_wrapper}>
+                    <div className={styles.minimize_button} onClick={asyncMinimizeApp}>
+                        <LineSvg className={styles.line_svg}/>
+                    </div>
+                    <div className={styles.maximize_button} onClick={asyncToggleMaximizeApp}>
+                        <SquareSvg className={styles.square_svg}/>
+                    </div>
+                    <div className={styles.close_button} onClick={asyncCloseApp}>
+                        <XMarkSvg className={styles.x_mark_svg}/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};