Board improvements (#3694)

* New board improvements

* Improve board

* Fix

packages/twenty-front/src/modules/ui/field/input/components/DoubleTextInput.tsx

@@ -94,7 +94,7 @@ export const DoubleTextInput = ({
   );
 
   useScopedHotkeys(
-    Key.Escape,
+    [Key.Escape],
     () => {
       onEscape({
         firstValue: firstInternalValue,

packages/twenty-front/src/modules/ui/input/components/AutosizeTextInput.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { HotkeysEvent } from 'react-hotkeys-hook/dist/types';
 import TextareaAutosize from 'react-textarea-autosize';
 import styled from '@emotion/styled';
+import { Key } from 'ts-key-enum';
 
 import { IconArrowRight } from '@/ui/display/icon/index';
 import { Button } from '@/ui/input/button/components/Button';
@@ -151,7 +152,7 @@ export const AutosizeTextInput = ({
   );
 
   useScopedHotkeys(
-    'esc',
+    Key.Escape,
     (event: KeyboardEvent) => {
       if (!isFocused) {
         return;

packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx

@@ -94,7 +94,7 @@ export const Dropdown = ({
   });
 
   useScopedHotkeys(
-    Key.Escape,
+    [Key.Escape],
     () => {
       closeDropdown();
     },

packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx

@@ -66,7 +66,10 @@ export const RightDrawer = () => {
 
   useScopedHotkeys(
     [Key.Escape],
-    () => closeRightDrawer(),
+
+    () => {
+      closeRightDrawer();
+    },
     RightDrawerHotkeyScope.RightDrawer,
     [setIsRightDrawerOpen],
   );

packages/twenty-front/src/modules/ui/utilities/hotkey/types/AppHotkeyScope.ts

@@ -4,4 +4,5 @@ export enum AppHotkeyScope {
   CommandMenu = 'command-menu',
   CommandMenuOpen = 'command-menu-open',
   KeyboardShortcutMenu = 'keyboard-shortcut-menu',
+  KeyboardShortcutMenuOpen = 'keyboard-shortcut-menu-open',
 }