From bae264ec6e37e696be82949e086e6d98c121d2b8 Mon Sep 17 00:00:00 2001
From: rui hildt <ruihildt@protonmail.com>
Date: Tue, 28 Jul 2020 12:15:43 +0200
Subject: [PATCH] Remove unused div

---
 src/components/App.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 72512d4..b15c11f 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -25,10 +25,9 @@ const QUERY_ARTISTS = gql`
 
 export default function App() {
 	const [inputValue, setInputValue] = useState('');
-	const [
-		getArtists,
-		{ data, error, loading, variables },
-	] = useLazyQuery(QUERY_ARTISTS);
+	const [getArtists, { data, error, loading, variables }] = useLazyQuery(
+		QUERY_ARTISTS,
+	);
 	const [artists, setArtists] = useState<Artists>([]);
 	const [suggestions, setSuggestions] = useState<string[]>([]);
 	const [selected, setSelected] = useState(false);
@@ -126,13 +125,11 @@ export default function App() {
 				<Results artists={artists} handleClick={handleClick} />
 			)}
 			{error && !errorNoSearchQuery && (
-				<div style={{maxWidth: '400px', margin: '0' }}>
-					<pre>
-						{error.graphQLErrors.map(({ message }, i) => (
-							<span key={i}>{message}</span>
-						))}
-					</pre>
-				</div>
+				<pre>
+					{error.graphQLErrors.map(({ message }, i) => (
+						<span key={i}>{message}</span>
+					))}
+				</pre>
 			)}
 		</Grommet>
 	);