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

Fix: Remove code modal shortcut for improvements

Browse source
This commit is contained in:
igorrCarvalho 2024-02-29 19:20:26 -03:00
commit 07aa83e4e5
5 changed files with 0 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/frontend/src/App.tsx
View file

@ -45,32 +45,6 @@ export default function App() {
const refreshStars = useDarkStore((state) => state.refreshStars);
const checkHasStore = useStoreStore((state) => state.checkHasStore);
const handleModalWShortcut = useFlowStore(
(state) => state.handleModalWShortcut
);
const nodes = useFlowStore((state) => state.nodes);
useEffect(() => {
const onKeyDown = (event: KeyboardEvent) => {
const selectedNode = nodes.filter((obj) => obj.selected);
if (
(event.ctrlKey || event.metaKey) &&
event.shiftKey &&
event.key === "C" &&
selectedNode.length > 0
) {
event.preventDefault();
handleModalWShortcut("code");
}
};
document.addEventListener("keydown", onKeyDown);
return () => {
document.removeEventListener("keydown", onKeyDown);
};
}, [handleModalWShortcut, nodes]);
useEffect(() => {
refreshStars();
refreshVersion();

28
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -56,34 +56,6 @@ export default function CodeAreaModal({
}
}, []);
const handleModalWShortcut = useFlowStore(
(state) => state.handleModalWShortcut
);
const openCodeModalWShortcut = useFlowStore(
(state) => state.openCodeModalWShortcut
);
const nodes = useFlowStore((state) => state.nodes);
useEffect(() => {
const onKeyDown = (event: KeyboardEvent) => {
const selectedNode = nodes.filter((obj) => obj.selected);
if (
(event.ctrlKey || event.metaKey) &&
event.shiftKey &&
event.key === "C" &&
selectedNode.length > 0
) {
event.preventDefault();
setOpen(openCodeModalWShortcut);
}
};
document.addEventListener("keydown", onKeyDown);
return () => {
document.removeEventListener("keydown", onKeyDown);
};
}, []);
useEffect(() => {
if (openModal) setOpen(true);
}, [openModal]);

11
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -90,17 +90,6 @@ export default function NodeToolbarComponent({
}, [showModalAdvanced]);
const updateNodeInternals = useUpdateNodeInternals();
const openCodeModalWShortcut = useFlowStore(
(state) => state.openCodeModalWShortcut
);
const handleModalWShortcut = useFlowStore(
(state) => state.handleModalWShortcut
);
useEffect(() => {
setOpenModal(openCodeModalWShortcut);
}, [openCodeModalWShortcut, handleModalWShortcut]);
const setLastCopiedSelection = useFlowStore(
(state) => state.setLastCopiedSelection
);

10
src/frontend/src/stores/flowStore.ts
View file

@ -57,16 +57,6 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
flowPool: {},
inputs: [],
outputs: [],
openCodeModalWShortcut: false,
handleModalWShortcut: (modal) => {
switch (modal) {
case "code":
set((state) => ({
openCodeModalWShortcut: !state.openCodeModalWShortcut,
}));
break;
}
},
setFlowPool: (flowPool) => {
set({ flowPool });
},

2
src/frontend/src/types/zustand/flow/index.ts
View file

@ -40,8 +40,6 @@ export type FlowPoolType = {
};
export type FlowStoreType = {
openCodeModalWShortcut: boolean;
handleModalWShortcut: (modal: string) => void;
flowPool: FlowPoolType;
inputs: Array<{ type: string; id: string }>;
outputs: Array<{ type: string; id: string }>;