33 lines
1.4 KiB
JavaScript
33 lines
1.4 KiB
JavaScript
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>
|
|
);
|
|
}; |