diff --git a/src/components/AppView/AppView.js b/src/components/AppView/AppView.js index bd31b21..4897ad7 100644 --- 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 }){ - ( <> - - )}