Listen for key down on Setup

Nonhuman-Nonsense · Mar 21, 2024 · 66ab3b5 · 66ab3b5
1 parent 696f1be
commit 66ab3b5
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/client/src/components/Setup.jsx b/client/src/components/Setup.jsx
@@ -23,6 +23,16 @@ function Setup() {
     alignItems: "center",
   };
 
+  function enterCouncil() {
+    console.log("Entering council...");
+  }
+
+  function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      enterCouncil();
+    }
+  }
+
   return (
     <div style={welcomeStyle}>
       <div>
@@ -41,6 +51,7 @@ function Setup() {
           className="text-input"
           rows="2"
           cols="30"
+          onKeyDown={handleKeyDown}
         ></textarea>
       </div>
       <div>
@@ -54,7 +65,12 @@ function Setup() {
           ))}
         </div>
       </div>
-      <button className="outline-button">Enter</button>
+      <button
+        className="outline-button"
+        onClick={enterCouncil}
+      >
+        Enter
+      </button>
     </div>
   );
 }