Implemented code for getting response info when error occurs

ECN · Jul 12, 2021 · dc4a4cf · dc4a4cf
1 parent 74d139c
commit dc4a4cf
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/components/AppView/AppView.js b/src/components/AppView/AppView.js
@@ -18,6 +18,8 @@ export default function AppView({ setDarkMode }){
 	const [selectedQueues, setSelectedQueues] = useState([]);
 	const [queueSelectorOpen, setQueueSelectorOpen] = useState(false);
 	const [isLoading, setIsLoading] = useState(false);
+	const [error, setError] = useState(false)
+	const [response, setResponse] = useState({ status: '', message: '' })
 
 	const access_token = useToken();
 
@@ -49,7 +51,7 @@ export default function AppView({ setDarkMode }){
 						? queuesToLoad += queue.name
 						: queuesToLoad += `+${queue.name}`
 				));
-			}			
+			}
 
 			let myHeaders = new Headers();
 			myHeaders.append("Authorization", `Bearer ${access_token}`);
@@ -58,8 +60,13 @@ export default function AppView({ setDarkMode }){
 			const apiResponse = await fetch(`${process.env.PUBLIC_URL}/api/data/${queuesToLoad}`, requestOptions);
 			const queueJson = await apiResponse.json();
 
-			setQueues(queueJson);
-			setIsLoading(false)
+			if (apiResponse.ok) {
+				setQueues(queueJson);
+				setIsLoading(false)
+			} else {
+				setResponse({ status: apiResponse.status, message: apiResponse.statusText })
+				setError(true)
+			}
 		})();
 	}, [selectedQueues, access_token, queueSelectorOpen]);
 
@@ -109,7 +116,7 @@ export default function AppView({ setDarkMode }){
 		<Box component={Paper} display="flex" square elevation={0}>
 			<Box className={classes.leftCol}>
 				<ItemTableAppBar title="webqueue2" setDarkMode={setDarkMode} />
-				<QueueSelector 
+				<QueueSelector
 					open={queueSelectorOpen}
 					setOpen={setQueueSelectorOpen}
 					value={selectedQueues}
@@ -123,13 +130,13 @@ export default function AppView({ setDarkMode }){
 						path="/:queue/:number"
 						render={({ match }) => (
 							<>
-								<ItemViewAppBar 
-									title={`${match.params.queue} ${match.params.number}`} 
+								<ItemViewAppBar
+									title={`${match.params.queue} ${match.params.number}`}
 									setSidebarOpen={setSidebarOpen}
 								/>
-								<ItemView 
-									queue={match.params.queue} 
-									number={match.params.number} 
+								<ItemView
+									queue={match.params.queue}
+									number={match.params.number}
 								/>
 							</>
 						)}