jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Added function to unselect nodes on pressing esc

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-17 22:29:44 -03:00
commit 11bff8f180
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/pages/FlowPage/components/SelectionMenuComponent/index.tsx
View file

@ -4,6 +4,7 @@ import { Button } from "../../../../components/ui/button";
import { GradientGroup } from "../../../../icons/GradientSparkles"; import { GradientGroup } from "../../../../icons/GradientSparkles";
import useFlowStore from "../../../../stores/flowStore"; import useFlowStore from "../../../../stores/flowStore";
import { validateSelection } from "../../../../utils/reactflowUtils"; import { validateSelection } from "../../../../utils/reactflowUtils";
import { useHotkeys } from "react-hotkeys-hook";
export default function SelectionMenu({ export default function SelectionMenu({
onClick, onClick,
nodes, nodes,
@ -11,6 +12,7 @@ export default function SelectionMenu({
lastSelection, lastSelection,
}) { }) {
const edges = useFlowStore((state) => state.edges); const edges = useFlowStore((state) => state.edges);
const unselectAll = useFlowStore((state) => state.unselectAll);
const [disable, setDisable] = useState<boolean>( const [disable, setDisable] = useState<boolean>(
lastSelection && edges.length > 0 lastSelection && edges.length > 0
? validateSelection(lastSelection!, edges).length > 0 ? validateSelection(lastSelection!, edges).length > 0
@ -20,6 +22,8 @@ export default function SelectionMenu({
const [isTransitioning, setIsTransitioning] = useState(false); const [isTransitioning, setIsTransitioning] = useState(false);
const [lastNodes, setLastNodes] = useState(nodes); const [lastNodes, setLastNodes] = useState(nodes);
useHotkeys("esc", unselectAll, { preventDefault: true });
useEffect(() => { useEffect(() => {
if (isOpen) { if (isOpen) {
return setDisable(validateSelection(lastSelection!, edges).length > 0); return setDisable(validateSelection(lastSelection!, edges).length > 0);