From 3df86341f8d5837e53490994da5c69b7c856ba53 Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Thu, 29 Aug 2024 10:13:56 +0900
Subject: [PATCH 1/2] refactor: change debounce time reduce

---
 src/hooks/use-auto-complete.hooks.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/hooks/use-auto-complete.hooks.ts b/src/hooks/use-auto-complete.hooks.ts
index c7fd65d..41d0232 100644
--- a/src/hooks/use-auto-complete.hooks.ts
+++ b/src/hooks/use-auto-complete.hooks.ts
@@ -11,9 +11,10 @@ interface UseAutoCompleteProps {
 export interface AutoCompleteResult {
   content: string;
   id: number;
+  isChecked: boolean;
 }
 
-export const useAutoComplete = ({ content, delay = 1000 }: UseAutoCompleteProps) => {
+export const useAutoComplete = ({ content, delay = 400 }: UseAutoCompleteProps) => {
   const [results, setResults] = useState<AutoCompleteResult[]>([]);
   const [error, setError] = useState<string | null>(null);
   const { type, category } = useTypeStore();

From 5e2c192f758781bf67cb51697a7ea9c36d6ac23c Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Thu, 29 Aug 2024 10:14:17 +0900
Subject: [PATCH 2/2] refactor: add isChecked autocomplete logic

---
 .../atom/auto-complete/auto-complete.tsx      | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/ui/components/atom/auto-complete/auto-complete.tsx b/src/ui/components/atom/auto-complete/auto-complete.tsx
index ca90986..54efc1b 100644
--- a/src/ui/components/atom/auto-complete/auto-complete.tsx
+++ b/src/ui/components/atom/auto-complete/auto-complete.tsx
@@ -14,15 +14,18 @@ const AutoCompleteList: React.FC<AutoCompleteListProps> = ({ results, onSelect }
   return (
     <div className="mb-4">
       <ul className="z-10 rounded-md bg-white">
-        {results.map((result, index) => (
-          <li
-            key={index}
-            className="cursor-pointer px-[16px] py-2 font-pretendard font-normal text-[#3A3A3A] hover:rounded-md hover:bg-[#F7F7F7]"
-            onClick={() => onSelect(result.content, result.id)}
-          >
-            {result.content}
-          </li>
-        ))}
+        {results.map(
+          (result, index) =>
+            result.isChecked && (
+              <li
+                key={index}
+                className="cursor-pointer px-[16px] py-2 font-pretendard font-normal text-[#3A3A3A] hover:rounded-md hover:bg-[#F7F7F7]"
+                onClick={() => onSelect(result.content, result.id)}
+              >
+                {result.content}
+              </li>
+            ),
+        )}
       </ul>
     </div>
   );