granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract api error handling into a method

Browse source
This commit is contained in:
Justin Edmund 2022-02-28 12:49:21 -08:00
parent 0f843c8e19
commit 42e0f3aebd
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
pages/teams.tsx
View file

@ -31,7 +31,17 @@ const TeamsRoute: React.FC = () => {
useEffect(() => {
window.addEventListener("scroll", handleScroll)
return () => window.removeEventListener("scroll", handleScroll);
}, [])
}, [])
const handleError = useCallback((error: any) => {
if (error.response != null && error.response.status == 404) {
setFound(false)
} else if (error.response != null) {
console.error(error)
} else {
console.error("There was an error.")
}
}, [])
const fetchTeams = useCallback(() => {
console.log(`Fetching teams with filters... ${element} ${raidId} ${recencyInSeconds}`)
@ -56,16 +66,8 @@ const TeamsRoute: React.FC = () => {
setFound(true)
setLoading(false)
})
.catch(error => {
if (error.response != null && error.response.status == 404) {
setFound(false)
} else if (error.response != null) {
console.error(error)
} else {
console.error("There was an error.")
}
})
}, [element, raidId, recencyInSeconds, cookies.user])
.catch(error => handleError(error))
}, [element, raidId, recencyInSeconds, cookies.user, handleError])
useEffect(() => {
fetchTeams()