fix : hotkey to flip the board

This commit is contained in:
GuillaumeSD
2025-06-09 03:00:48 +02:00
parent dd110ce020
commit 46a29645e2

View File

@@ -2,24 +2,25 @@ import { useSetAtom } from "jotai";
import { boardOrientationAtom } from "../states"; import { boardOrientationAtom } from "../states";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
import { Icon } from "@iconify/react"; import { Icon } from "@iconify/react";
import { useEffect } from "react";
export default function FlipBoardButton() { export default function FlipBoardButton() {
const setBoardOrientation = useSetAtom(boardOrientationAtom); const setBoardOrientation = useSetAtom(boardOrientationAtom);
useEffect(() => { useEffect(() => {
const onKeyDown = (e: KeyboardEvent) => { const onKeyDown = (e: KeyboardEvent) => {
if (e.key === "f") { if (e.key === "f") {
setBoardOrientation((prev) => !prev); setBoardOrientation((prev) => !prev);
} }
}; };
window.addEventListener("keydown", onKeyDown); window.addEventListener("keydown", onKeyDown);
return () => {
window.removeEventListener("keydown", onKeyDown);
};
}, [setBoardOrientation]);
return () => {
window.removeEventListener("keydown", onKeyDown);
};
}, []);
return ( return (
<Tooltip title="Flip board"> <Tooltip title="Flip board">
<IconButton <IconButton