p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(cli): remove unused Spinner import

Browse Source 
The unnecessary Spinner import from 'ink-spinner' was removed in the SearchBox component. This reduces clutter and enhances code readability.
This commit is contained in:
p-sw 2024-06-08 02:05:21 +09:00
parent 36f465f2cf
commit 803659a06b
1 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/cli/src/components/SearchBox.tsx
View File

@ -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>
)
}