From 7783c5b2f275065b29a1fb6f3013b293e1362091 Mon Sep 17 00:00:00 2001
From: ChrisChrisChris <chrischrischris@users.noreply.github.com>
Date: Thu, 28 Mar 2024 14:06:20 -0400
Subject: [PATCH] Add support for Enter & Esc when creating new things

---
 blocks/browse/da-browse/da-browse.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/blocks/browse/da-browse/da-browse.js b/blocks/browse/da-browse/da-browse.js
index 047cc770..ae316471 100644
--- a/blocks/browse/da-browse/da-browse.js
+++ b/blocks/browse/da-browse/da-browse.js
@@ -238,6 +238,15 @@ export default class DaBrowse extends LitElement {
     return null;
   }
 
+  handleKeyCommands(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      this.handleSave();
+    } else if (event.key === 'Escape') {
+      this.resetCreate();
+    }
+  }
+
   renderNew() {
     return html`
       <div class="da-actions-create ${this._createShow}">
@@ -257,7 +266,7 @@ export default class DaBrowse extends LitElement {
           </li>
         </ul>
         <div class="da-actions-input-container">
-          <input type="text" class="da-actions-input" placeholder="Name" @input=${this.handleNameChange} .value=${this._createName} />
+          <input type="text" class="da-actions-input" placeholder="Name" @input=${this.handleNameChange} .value=${this._createName} @keydown=${this.handleKeyCommands}/>
           <button class="da-actions-button" @click=${this.handleSave}>Create ${this._createType}</button>
           <button class="da-actions-button da-actions-button-cancel" @click=${this.resetCreate}>Cancel</button>
         </div>