From ec8a714f73f02c96c6ac10a22d3cac274fb54c46 Mon Sep 17 00:00:00 2001
From: Tom Southall <tsouthall@gmail.com>
Date: Sat, 19 Feb 2022 17:24:09 +0000
Subject: [PATCH] Fix bug preventing clear button from working

---
 src/lib/actions/actions.js       | 1 +
 src/lib/components/container.jsx | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/actions/actions.js b/src/lib/actions/actions.js
index eeff441..3c13d2d 100644
--- a/src/lib/actions/actions.js
+++ b/src/lib/actions/actions.js
@@ -2,6 +2,7 @@ import * as types from './actionTypes'
 import undef from '../utils/undef'
 
 export const setQuery = (query) => {
+  console.log('setQuery', {query})
   const payload = {
     query,
     selected: undef
diff --git a/src/lib/components/container.jsx b/src/lib/components/container.jsx
index 5b051c8..9972f7a 100644
--- a/src/lib/components/container.jsx
+++ b/src/lib/components/container.jsx
@@ -164,14 +164,13 @@ export default function Container(props) {
   }
 
   const handleClearButton = (evt) => {
-    console.log('handleClearButton')
     evt.preventDefault()
     clearState()
   }
 
   const clearState = () => {
-    dispatch(setQuery(queryInput.current.value))
-    setTimeout(() => queryInput.current.focus(), debounceWait) // TODO: Put in useEffect
+    dispatch(setQuery(''))
+    queryInput.current.focus()
   }
 
   const handleFocus = () => {