From 803659a06be698ce5074ce1de63a43b77df0a17f Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sat, 8 Jun 2024 02:05:21 +0900
Subject: [PATCH] refactor(cli): remove unused Spinner import

The unnecessary Spinner import from 'ink-spinner' was removed in the SearchBox component. This reduces clutter and enhances code readability.
---
 packages/cli/src/components/SearchBox.tsx | 27 +++++++++--------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/packages/cli/src/components/SearchBox.tsx b/packages/cli/src/components/SearchBox.tsx
index 194d210..272d630 100644
--- a/packages/cli/src/components/SearchBox.tsx
+++ b/packages/cli/src/components/SearchBox.tsx
@@ -2,7 +2,6 @@ import React, {useEffect, useState} from 'react'
 import {getSuggestion} from '../helpers/search.js'
 import Input from 'ink-text-input'
 import {Divider} from './Divider.js'
-import Spinner from 'ink-spinner'
 import {Box, Text, useInput, useApp, type Key} from 'ink'
 
 export function SearchBox<T extends {key: string; displayName: string}>({
@@ -68,21 +67,17 @@ export function SearchBox<T extends {key: string; displayName: string}>({
         <Input value={query} onChange={(v) => setQuery(v)} showCursor placeholder={'query'} onSubmit={onSubmit} />
       </Box>
       <Divider title={isLoading ? 'Loading...' : `${suggestions.length} components found.`} />
-      {isLoading ? (
-        <Spinner />
-      ) : (
-        <Box display={'flex'} flexDirection={'column'}>
-          {suggestions.map((name, index) => {
-            return (
-              <Box key={name}>
-                <Text color={selected === index ? undefined : 'gray'}>
-                  {components[components.findIndex(({key}) => key === name)].displayName}
-                </Text>
-              </Box>
-            )
-          })}
-        </Box>
-      )}
+      <Box display={'flex'} flexDirection={'column'}>
+        {suggestions.map((name, index) => {
+          return (
+            <Box key={name}>
+              <Text color={selected === index ? undefined : 'gray'}>
+                {components[components.findIndex(({key}) => key === name)].displayName}
+              </Text>
+            </Box>
+          )
+        })}
+      </Box>
     </Box>
   )
 }