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

Feat: add colorful padding to visual shortcut on toolbar

Browse source
This commit is contained in:
igorrCarvalho 2024-06-09 19:00:09 -03:00
commit c59542db19
2 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
View file

@ -59,6 +59,7 @@ export default function Page({
flow: FlowType; flow: FlowType;
view?: boolean; view?: boolean;
}): JSX.Element { }): JSX.Element {
const preventDefault = true;
const uploadFlow = useFlowsManagerStore((state) => state.uploadFlow); const uploadFlow = useFlowsManagerStore((state) => state.uploadFlow);
const autoSaveCurrentFlow = useFlowsManagerStore( const autoSaveCurrentFlow = useFlowsManagerStore(
(state) => state.autoSaveCurrentFlow, (state) => state.autoSaveCurrentFlow,
@ -199,8 +200,9 @@ export default function Page({
} }
function handleDuplicate(e: KeyboardEvent) { function handleDuplicate(e: KeyboardEvent) {
const selectedNode = nodes.filter((obj) => obj.selected);
e.preventDefault(); e.preventDefault();
e.stopPropagation();
const selectedNode = nodes.filter((obj) => obj.selected);
if (selectedNode.length > 0) { if (selectedNode.length > 0) {
paste( paste(
{ nodes: selectedNode, edges: [] }, { nodes: selectedNode, edges: [] },
@ -267,23 +269,23 @@ export default function Page({
const cutAction = useShortcutsStore((state) => state.cut); const cutAction = useShortcutsStore((state) => state.cut);
const pasteAction = useShortcutsStore((state) => state.paste); const pasteAction = useShortcutsStore((state) => state.paste);
//@ts-ignore //@ts-ignore
useHotkeys(undoAction, handleUndo); useHotkeys(undoAction, handleUndo, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(redoAction, handleRedo); useHotkeys(redoAction, handleRedo, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(groupAction, handleGroup); useHotkeys(groupAction, handleGroup, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(duplicate, handleDuplicate); useHotkeys(duplicate, handleDuplicate, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(copyAction, handleCopy); useHotkeys(copyAction, handleCopy, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(cutAction, handleCut); useHotkeys(cutAction, handleCut, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(pasteAction, handlePaste); useHotkeys(pasteAction, handlePaste, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys(deleteAction, handleDelete); useHotkeys(deleteAction, handleDelete, { preventDefault });
//@ts-ignore //@ts-ignore
useHotkeys("delete", handleDelete); useHotkeys("delete", handleDelete, { preventDefault });
useEffect(() => { useEffect(() => {
setSHowCanvas( setSHowCanvas(

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

@ -35,7 +35,9 @@ export default function ToolbarSelectItem({
<span className={`${icon === "Share3" ? "ml-[1.8em]" : " "}`}> <span className={`${icon === "Share3" ? "ml-[1.8em]" : " "}`}>
{value} {value}
</span> </span>
<span className={`absolute right-2 top-[0.43em] flex `}> <span
className={`absolute right-2 top-[0.43em] flex items-center rounded-sm bg-muted px-1 py-[0.2] text-muted-foreground `}
>
<RenderIcons <RenderIcons
isMac={isMac} isMac={isMac}
hasShift={hasShift} hasShift={hasShift}