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