From 43f85aaf96c2354c30874e1c098ad73f65cd63fe Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Wed, 22 Apr 2020 04:07:34 -0700
Subject: [PATCH] clear search input on Escape

---
 app/src/WardrobePage.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/src/WardrobePage.js b/app/src/WardrobePage.js
index 55e7f584..bf80e270 100644
--- a/app/src/WardrobePage.js
+++ b/app/src/WardrobePage.js
@@ -136,6 +136,12 @@ function SearchToolbar({ query, onChange }) {
         color="green.800"
         value={query}
         onChange={(e) => onChange(e.target.value)}
+        onKeyDown={(e) => {
+          if (e.key === "Escape") {
+            onChange("");
+            e.target.blur();
+          }
+        }}
       />
       {query && (
         <InputRightElement>