From 60037e1d48b6a82ee9c04778f5837f41c0258529 Mon Sep 17 00:00:00 2001
From: rui hildt <ruihildt@protonmail.com>
Date: Wed, 29 Jul 2020 12:59:56 +0200
Subject: [PATCH] Improve Search input

---
 src/components/Search.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Search.tsx b/src/components/Search.tsx
index 2c40c16..47ab20e 100644
--- a/src/components/Search.tsx
+++ b/src/components/Search.tsx
@@ -19,13 +19,10 @@ export const Search = ({
 		justify='center'
 		margin={{ top: 'large' }}
 	>
-		<Box
-			as='div'
-			margin={{ vertical: 'none' }}
-			width='500px'
-
-		>
+		<Box as='div' margin={{ vertical: 'none' }} width='500px'>
 			<TextInput
+				type='search'
+				name='q'
 				value={inputValue}
 				suggestions={suggestions}
 				onChange={(e) => handleChange(e.target.value)}
@@ -33,7 +30,9 @@ export const Search = ({
 				icon={<FormSearch color='plain' />}
 				dropHeight='large'
 				placeholder='Type an artist name'
+				autoFocus
+				aria-label='Search for an artist name'
 			/>
 		</Box>
 	</Box>
-);
+);
\ No newline at end of file