ruihildt/spoti-search
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve Search input

Browse Source
This commit is contained in:
rui hildt 2020-07-29 12:59:56 +02:00
parent bae264ec6e
commit 60037e1d48
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Search.tsx
View File

@ -19,13 +19,10 @@ export const Search = ({
justify='center' justify='center'
margin={{ top: 'large' }} margin={{ top: 'large' }}
> >
<Box <Box as='div' margin={{ vertical: 'none' }} width='500px'>
as='div'
margin={{ vertical: 'none' }}
width='500px'
>
<TextInput <TextInput
type='search'
name='q'
value={inputValue} value={inputValue}
suggestions={suggestions} suggestions={suggestions}
onChange={(e) => handleChange(e.target.value)} onChange={(e) => handleChange(e.target.value)}
@ -33,7 +30,9 @@ export const Search = ({
icon={<FormSearch color='plain' />} icon={<FormSearch color='plain' />}
dropHeight='large' dropHeight='large'
placeholder='Type an artist name' placeholder='Type an artist name'
autoFocus
aria-label='Search for an artist name'
/> />
</Box> </Box>
</Box> </Box>
); );