From 8ac6cdb4d71a951af255b6084f337bc351067986 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Mon, 22 Apr 2024 21:49:36 -0300
Subject: [PATCH] Feat: add shortcut to open flow share modal (ctrl+alt+s)

---
 src/frontend/src/modals/shareModal/index.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

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<boolean>(false);
   const [sharePublic, setSharePublic] = useState(true);