From 12b1d530c46a262d1a7d65e8cbdb597ecdc34cf4 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sat, 8 Jun 2024 02:51:27 +0900
Subject: [PATCH] refactor(cli): change onSubmit typing in SearchBox

The onSubmit function typing in the SearchBox component was changed from handling a string to handling a generic T type object. Also, the onSubmit function now uses the found item in components based on the selected suggestion to submit instead of submitting directly.
---
 packages/cli/src/components/SearchBox.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/cli/src/components/SearchBox.tsx b/packages/cli/src/components/SearchBox.tsx
index 872778e..de86ff1 100644
--- a/packages/cli/src/components/SearchBox.tsx
+++ b/packages/cli/src/components/SearchBox.tsx
@@ -17,7 +17,7 @@ export function SearchBox<T extends {key: string; displayName: string}>({
   initialQuery?: string
   onKeyDown?: (i: string, k: Key, app: ReturnType<typeof useApp>) => void
   onChange?: (item: T) => void
-  onSubmit?: (value: string) => void
+  onSubmit?: (item: T) => void
 }) {
   const [query, setQuery] = useState<string>(initialQuery ?? '')
   const [queryMode, setQueryMode] = useState<boolean>(true)
@@ -79,7 +79,10 @@ export function SearchBox<T extends {key: string; displayName: string}>({
           }}
           showCursor
           placeholder={' query'}
-          onSubmit={onSubmit}
+          onSubmit={() => {
+            const found = components.find(({key}) => key === suggestions[selected])
+            found && onSubmit?.(found)
+          }}
         />
       </Box>
       <Divider title={isLoading ? 'Loading...' : `${suggestions.length} components found.`} />