From 04acffd668340ad3c38f74babb8a1681716abf40 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Wed, 31 Aug 2022 22:04:45 -0500
Subject: [PATCH] Adding Packages - downshift and recent searches and basic
 code

---
 .../templates/library/LibrarySearchBar.tsx      | 17 ++++++++++-------
 packages/web/package.json                       |  2 ++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/web/components/templates/library/LibrarySearchBar.tsx b/packages/web/components/templates/library/LibrarySearchBar.tsx
index feaa2dde6..5469faf79 100644
--- a/packages/web/components/templates/library/LibrarySearchBar.tsx
+++ b/packages/web/components/templates/library/LibrarySearchBar.tsx
@@ -10,8 +10,10 @@ export type LibrarySearchBarProps = {
   coordinator: SearchCoordinator
 }
 
+
 export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
-  const [searchTerm, setSearchTerm] = useState('')  
+  const [searchTerm, setSearchTerm] = useState('') 
+  const [recentSearches, setRecentSearches] = useState(Array<any>([]))
 
   return (
     <>
@@ -62,10 +64,10 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
             <Button
               style="plainIcon"
               onClick={(event) => {
-                // event.preventDefault()
-                // setSearchTerm('')
-                // props.applySearchQuery('')
-                // inputRef.current?.blur()
+                event.preventDefault()
+                setSearchTerm('')
+                //props.applySearchQuery('')
+               // inputRef.current?.blur()
               }}
               css={{
                 display: 'flex',
@@ -85,8 +87,9 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
             <Button
             style="ctaDarkYellow"
             onClick={(event) => {
-              // event.preventDefault()
-              // setSearchTerm('')
+              event.preventDefault()
+              console.log(searchTerm)
+              setSearchTerm(searchTerm)
               // props.applySearchQuery('')
               // inputRef.current?.blur()
             }}
diff --git a/packages/web/package.json b/packages/web/package.json
index 4c18caea8..857cb9ef6 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -32,6 +32,7 @@
     "color2k": "^2.0.0",
     "cookie": "^0.5.0",
     "diff-match-patch": "^1.0.5",
+    "downshift": "^6.1.9",
     "graphql-request": "^3.6.1",
     "kbar": "^0.1.0-beta.35",
     "nanoid": "^3.1.29",
@@ -48,6 +49,7 @@
     "react-super-responsive-table": "^5.2.1",
     "react-topbar-progress-indicator": "^4.1.1",
     "react-twitter-widgets": "^1.10.0",
+    "recent-searches": "^1.0.5",
     "swr": "^1.0.1",
     "uuid": "^8.3.2"
   },