From 24a9662041397f055a269ff2d771544f4007d431 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sat, 22 Aug 2020 14:59:15 -0400
Subject: [PATCH] SearchInput: blur on Enter pressed

---
 src/components/SearchInput/SearchInput.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchInput/SearchInput.tsx b/src/components/SearchInput/SearchInput.tsx
index e652cef..abcae44 100644
--- a/src/components/SearchInput/SearchInput.tsx
+++ b/src/components/SearchInput/SearchInput.tsx
@@ -11,7 +11,7 @@ type SearchInputProps = {};
 const SearchInput: React.FC<SearchInputProps> = () => {
   const [value, setValue] = useState<string>("");
   const [query, setQuery] = useRecoilState(searchQueryAtom);
-  void(query);
+  void query;
 
   const [isReady] = useDebounce(() => setQuery(value), 250, [value]);
 
@@ -33,6 +33,9 @@ const SearchInput: React.FC<SearchInputProps> = () => {
         value={value}
         placeholder="Search"
         onChange={({ currentTarget }) => setValue(currentTarget.value)}
+        onKeyPress={({ currentTarget, key }) =>
+          key === "Enter" && currentTarget.blur()
+        }
       />
       {value ? (
         isReady() ? (