From 3476c652a396a80fbb135dfe4049bc88f7c5b1e3 Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Mon, 24 Jan 2022 20:56:02 +0800
Subject: [PATCH] clear input box on search modal close

---
 components/SearchModal.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/SearchModal.tsx b/components/SearchModal.tsx
index ab0a63f..8054997 100644
--- a/components/SearchModal.tsx
+++ b/components/SearchModal.tsx
@@ -149,10 +149,13 @@ export default function SearchModal({
   searchOpen: boolean
   setSearchOpen: Dispatch<SetStateAction<boolean>>
 }) {
-  const closeSearchBox = () => setSearchOpen(false)
-
   const { query, setQuery, results } = useDriveItemSearch()
 
+  const closeSearchBox = () => {
+    setSearchOpen(false)
+    setQuery('')
+  }
+
   return (
     <Transition appear show={searchOpen} as={Fragment}>
       <Dialog as="div" className="inset-0 z-[200] fixed overflow-y-auto" onClose={closeSearchBox}>