Update is_alt_pressed state detection to exclude other modifier keys

- pressing 'alt' properly highlights actions like changing edit format. the issue is that combination of keys e.g. alt + shift, should cancel these highlights.

Author: robertpiosik

apps/editor/src/views/panel/frontend/Main/MainView/components/Header/hooks/use-keyboard-shortcuts.ts

@@ -29,7 +29,9 @@ export const use_keyboard_shortcuts = ({
 
   useEffect(() => {
     const handle_key_down = (event: KeyboardEvent) => {
-      if (event.key == 'Alt') set_is_alt_pressed(true)
+      set_is_alt_pressed(
+        event.altKey && !event.shiftKey && !event.ctrlKey && !event.metaKey
+      )
 
       if (is_disabled) return
 
@@ -54,7 +56,9 @@ export const use_keyboard_shortcuts = ({
     }
 
     const handle_key_up = (event: KeyboardEvent) => {
-      if (event.key == 'Alt') set_is_alt_pressed(false)
+      set_is_alt_pressed(
+        event.altKey && !event.shiftKey && !event.ctrlKey && !event.metaKey
+      )
     }
 
     const handle_blur = () => {

packages/ui/src/components/editor/panel/prompts/PromptField/hooks/use-keyboard-shortcuts.ts

@@ -12,7 +12,7 @@ export const use_keyboard_shortcuts = (
 
   useEffect(() => {
     const handle_key_down = (e: KeyboardEvent) => {
-      if (e.key == 'Alt') set_is_alt_pressed(true)
+      set_is_alt_pressed(e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey)
 
       if (
         params.on_toggle_invocation_dropdown &&
@@ -82,7 +82,7 @@ export const use_keyboard_shortcuts = (
       }
     }
     const handle_key_up = (e: KeyboardEvent) => {
-      if (e.key == 'Alt') set_is_alt_pressed(false)
+      set_is_alt_pressed(e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey)
     }
     const handle_blur = () => {
       set_is_alt_pressed(false)