Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 33x 5332x 1846x 1846x 1846x | import { Button } from "@/ahuora-design-system/ui/button";
import { ToolTipCover } from "@/ahuora-design-system/ui/tooltip";
import { useCommand } from "just-search-it";
import { RootState } from "@/store/store";
import { Hand, MousePointer } from "lucide-react";
import { useSelector } from "react-redux";
import { TogglePointerState } from "../flowsheet/Canvas/FlowsheetCommands";
//will expand later on once functionality is added
const Pointers = () => {
const pointerState = useSelector((state: RootState) => state.pointer);
const handleSetPointerCommand = useCommand(TogglePointerState, "select");
const handleSetHandCommand = useCommand(TogglePointerState, "hand");
return (
<div className="border-x border-border px-1 flex flex-row gap-1 h-full items-center">
<ToolTipCover
content="Select tool (S)
Select single/multiple operations and groups"
asChild
>
<Button
size="icon"
variant={pointerState.state === "select" ? "secondary" : "ghost"}
onClick={handleSetPointerCommand}
>
<MousePointer size={18} />
</Button>
</ToolTipCover>
{/* <ToolTipCover
content="Arc Pointer (A)
Allows you to add arcs between material nodes, decision nodes and unit operations." asChild>
<Button size="icon" variant="disabled">
<Spline size={18}/>
</Button>
</ToolTipCover> */}
<ToolTipCover
content="Move Tool (M)
Move the flowsheet and select single operations and groups"
asChild
>
<Button
size="icon"
variant={pointerState.state === "move" ? "secondary" : "ghost"}
onClick={handleSetHandCommand}
>
<Hand size={18} />
</Button>
</ToolTipCover>
</div>
);
};
export default Pointers;
|