From 3553d834c2c6f23ac01abf515a5b105618f63323 Mon Sep 17 00:00:00 2001
From: Haziq Khairi <ikhairulhaziq11@gmail.com>
Date: Thu, 11 Jan 2024 10:26:38 +0800
Subject: [PATCH] feat: add searchable by artist name

---
 src/components/Navbar.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 8abd810..1082abd 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -24,6 +24,9 @@ const SearchAutocomplete = ({ allLists }) => {
       navigate(`/art/${id}`);
     }
   };
+
+  const itemToString = (item) => (item ? `${item.name} - ${item.artist}` : '');
+
   return (
     <Autocomplete
       defaultItems={allLists}
@@ -66,11 +69,11 @@ const SearchAutocomplete = ({ allLists }) => {
       startContent={<FaSearch size={18} />}
       radius="full"
       variant="bordered"
-      onSelectionChange={(key) => handleSelectionChange(key)}
-      itemToString={(item) => item?.name}
+      onSelectionChange={handleSelectionChange}
+      itemToString={itemToString}
     >
       {(item) => (
-        <AutocompleteItem key={item.id} textValue={item.name}>
+        <AutocompleteItem key={item.id} textValue={itemToString(item)}>
           <div className="flex justify-between items-center">
             <div className="flex gap-2 items-center">
               <Avatar