File size: 2,470 Bytes
50fe3c9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | import { USE_CUSTOM_WINDOW_CONTROLS } from "@/lib/platform";
import { cn } from "@/lib/utils";
import {
Cancel01Icon,
Copy01Icon,
MinusSignIcon,
SquareIcon,
} from "@hugeicons/core-free-icons";
import { HugeiconsIcon } from "@hugeicons/react";
import { getCurrentWindow } from "@tauri-apps/api/window";
import { useEffect, useState } from "react";
type Props = {
/** Render only the close button (used by the settings window). */
closeOnly?: boolean;
};
export function WindowControls({ closeOnly = false }: Props) {
const [maximized, setMaximized] = useState(false);
useEffect(() => {
if (!USE_CUSTOM_WINDOW_CONTROLS || closeOnly) return;
const w = getCurrentWindow();
let unlisten: (() => void) | undefined;
void w.isMaximized().then(setMaximized);
void w
.onResized(() => {
void w.isMaximized().then(setMaximized);
})
.then((un) => {
unlisten = un;
});
return () => unlisten?.();
}, [closeOnly]);
if (!USE_CUSTOM_WINDOW_CONTROLS) return null;
const w = getCurrentWindow();
return (
<div className="flex h-full shrink-0 items-center gap-0.5 pr-1">
{!closeOnly && (
<>
<CtlButton ariaLabel="Minimize" onClick={() => void w.minimize()}>
<HugeiconsIcon icon={MinusSignIcon} size={12} strokeWidth={2} />
</CtlButton>
<CtlButton
ariaLabel={maximized ? "Restore" : "Maximize"}
onClick={() => void w.toggleMaximize()}
>
<HugeiconsIcon
icon={maximized ? Copy01Icon : SquareIcon}
size={12}
strokeWidth={2}
/>
</CtlButton>
</>
)}
<CtlButton ariaLabel="Close" onClick={() => void w.close()} danger>
<HugeiconsIcon icon={Cancel01Icon} size={14} strokeWidth={2} />
</CtlButton>
</div>
);
}
function CtlButton({
ariaLabel,
onClick,
children,
danger,
}: {
ariaLabel: string;
onClick: () => void;
children: React.ReactNode;
danger?: boolean;
}) {
return (
<button
type="button"
aria-label={ariaLabel}
title={ariaLabel}
onClick={onClick}
className={cn(
"grid size-7 place-items-center rounded-md text-muted-foreground transition-colors",
danger
? "hover:bg-destructive/15 hover:text-destructive"
: "hover:bg-accent hover:text-foreground",
)}
>
{children}
</button>
);
}
|