add keydowns

qdraw · Nov 5, 2023 · 6b18964 · 6b18964
1 parent 6f3bd5e
commit 6b18964
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/starsky/starsky/clientapp/src/components/organisms/menu-trash/menu-trash.tsx b/starsky/starsky/clientapp/src/components/organisms/menu-trash/menu-trash.tsx
@@ -142,6 +142,9 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
               onClick={() => {
                 removeSidebarSelection();
               }}
+              onKeyDown={(event) => {
+                event.key === "Enter" && removeSidebarSelection();
+              }}
               className="item item--first item--close"
             >
               {MessageNoneSelected}
@@ -152,6 +155,9 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
               onClick={() => {
                 removeSidebarSelection();
               }}
+              onKeyDown={(event) => {
+                event.key === "Enter" && removeSidebarSelection();
+              }}
               className="item item--first item--close"
             >
               {select.length} {MessageSelectPresentPerfect}
@@ -165,6 +171,9 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
               onClick={() => {
                 removeSidebarSelection();
               }}
+              onKeyDown={(event) => {
+                event.key === "Enter" && removeSidebarSelection();
+              }}
             >
               {MessageSelectAction}
             </div>
@@ -212,6 +221,10 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
                   data-test="undo-selection"
                   className="menu-option"
                   onClick={() => undoSelection()}
+                  tabIndex={0}
+                  onKeyDown={(event) => {
+                    event.key === "Enter" && undoSelection();
+                  }}
                 >
                   {MessageUndoSelection}
                 </li>
@@ -221,6 +234,10 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
                   className="menu-option"
                   data-test="select-all"
                   onClick={() => allSelection()}
+                  tabIndex={0}
+                  onKeyDown={(event) => {
+                    event.key === "Enter" && allSelection();
+                  }}
                 >
                   {MessageSelectAll}
                 </li>
@@ -229,13 +246,21 @@ const MenuTrash: React.FunctionComponent<IMenuTrashProps> = ({
                 className="menu-option"
                 data-test="restore-from-trash"
                 onClick={() => undoTrash()}
+                tabIndex={0}
+                onKeyDown={(event) => {
+                  event.key === "Enter" && undoTrash();
+                }}
               >
                 {MessageRestoreFromTrash}
               </li>
               <li
                 className="menu-option"
                 data-test="delete"
                 onClick={() => setModalDeleteOpen(true)}
+                tabIndex={0}
+                onKeyDown={(event) => {
+                  event.key === "Enter" && setModalDeleteOpen(true);
+                }}
               >
                 {MessageDeleteImmediately}
               </li>