68 lines
1.7 KiB
TypeScript
68 lines
1.7 KiB
TypeScript
"use client"
|
|
import { RocketOne, Minus, Close, Square } from "@icon-park/react";
|
|
import { relaunch, exit } from "@tauri-apps/plugin-process";
|
|
import { getCurrentWindow } from "@tauri-apps/api/window";
|
|
// import { invoke } from "@tauri-apps/api/core";
|
|
|
|
const Nav = () => {
|
|
const close = async () => {
|
|
// (await window.hideOnClose) ? getCurrent().hide() : exit();
|
|
await exit();
|
|
};
|
|
|
|
const minimize = () => {
|
|
getCurrentWindow()
|
|
.minimize()
|
|
.then(() => {
|
|
console.log("minimized");
|
|
})
|
|
.catch((err: unknown) => {
|
|
console.error(err);
|
|
});
|
|
};
|
|
|
|
const toggleMaximize = async () => {
|
|
const current = getCurrentWindow()
|
|
const maximized = await current.isMaximized()
|
|
maximized ? current.unmaximize() : current.maximize()
|
|
}
|
|
|
|
const reset = async () => {
|
|
await relaunch();
|
|
};
|
|
|
|
return (
|
|
<nav
|
|
className="absolute top-0 right-0 flex flex-row h-16 gap-0.5 p-4"
|
|
data-tauri-drag-region
|
|
>
|
|
<button
|
|
className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
|
|
onClick={reset}
|
|
>
|
|
<RocketOne size={16} />
|
|
</button>
|
|
<button
|
|
className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
|
|
onClick={minimize}
|
|
>
|
|
<Minus size={16} />
|
|
</button>
|
|
<button
|
|
className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
|
|
onClick={toggleMaximize}
|
|
>
|
|
<Square size={16} />
|
|
</button>
|
|
<button
|
|
className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
|
|
onClick={close}
|
|
>
|
|
<Close size={16} />
|
|
</button>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default Nav;
|