make input responsive to enter key press

trufflesuite · Jul 5, 2023 · b7b5964 · b7b5964
1 parent f405396
commit b7b5964
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/dashboard/src/components/composed/Debugger/index.tsx b/packages/dashboard/src/components/composed/Debugger/index.tsx
@@ -140,7 +140,7 @@ function Debugger(): JSX.Element {
     }
   };
 
-  const onButtonClick = async () => {
+  const startDebugger = async () => {
     setStatus(SessionStatus.PreparingForInitialization);
     const provider = window.ethereum;
     if (!provider) {
@@ -186,6 +186,16 @@ function Debugger(): JSX.Element {
     }
   };
 
+  const onButtonClick = () => startDebugger();
+
+  // make input responsive to "enter" key
+  const handleKeyDown = (e: any) => {
+    if (formDisabled) return;
+    if (e.keyCode === 13) {
+      startDebugger();
+    }
+  };
+
   const buttonStyles = {
     height: "42px",
     borderTopLeftRadius: "0px",
@@ -298,6 +308,7 @@ function Debugger(): JSX.Element {
               disabled={inputsDisabled}
               type="text"
               placeholder="Transaction hash"
+              onKeyDown={handleKeyDown}
             />
             <Button
               onClick={onButtonClick}