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

Feat: add shortcut to open flow share modal (ctrl+alt+s)

Browse source
This commit is contained in:
igorrCarvalho 2024-04-22 21:49:36 -03:00
commit 8ac6cdb4d7
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/modals/shareModal/index.tsx
View file

@ -25,6 +25,7 @@ import {
import { getTagsIds } from "../../utils/storeUtils"; import { getTagsIds } from "../../utils/storeUtils";
import ConfirmationModal from "../ConfirmationModal"; import ConfirmationModal from "../ConfirmationModal";
import BaseModal from "../baseModal"; import BaseModal from "../baseModal";
import { useHotkeys } from "react-hotkeys-hook";
export default function ShareModal({ export default function ShareModal({
component, component,
@ -41,6 +42,10 @@ export default function ShareModal({
setOpen?: (open: boolean) => void; setOpen?: (open: boolean) => void;
disabled?: boolean; disabled?: boolean;
}): JSX.Element { }): JSX.Element {
function handleOpenWShortcut(e: KeyboardEvent) {
e.preventDefault()
internalSetOpen(state => !state);
}
const version = useDarkStore((state) => state.version); const version = useDarkStore((state) => state.version);
const hasStore = useStoreStore((state) => state.hasStore); const hasStore = useStoreStore((state) => state.hasStore);
const hasApiKey = useStoreStore((state) => state.hasApiKey); const hasApiKey = useStoreStore((state) => state.hasApiKey);
@ -51,6 +56,8 @@ export default function ShareModal({
const [openConfirmationModal, setOpenConfirmationModal] = useState(false); const [openConfirmationModal, setOpenConfirmationModal] = useState(false);
const nameComponent = is_component ? "component" : "workflow"; const nameComponent = is_component ? "component" : "workflow";
useHotkeys("mod+alt+s", handleOpenWShortcut)
const [tags, setTags] = useState<{ id: string; name: string }[]>([]); const [tags, setTags] = useState<{ id: string; name: string }[]>([]);
const [loadingTags, setLoadingTags] = useState<boolean>(false); const [loadingTags, setLoadingTags] = useState<boolean>(false);
const [sharePublic, setSharePublic] = useState(true); const [sharePublic, setSharePublic] = useState(true);