clear search input on Escape

2020-04-22 04:07:34 -07:00 · 2020-04-22 04:07:34 -07:00 · 43f85aaf96
commit 43f85aaf96
parent 255b77d0cf
1 changed files with 6 additions and 0 deletions
--- 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>