Dispatch board robustness patch

CHANGELOG.md

@@ -43,7 +43,7 @@ For detailed rules of this file, see  [Changelog Rules](#changelog-rules)
 
 
 ### 🐛 Fixed
-*
+* Resolved crash which would occur if rescue quotes is null. - [#324][]
 
 
 ### ⚙ Tasks
@@ -54,6 +54,7 @@ For detailed rules of this file, see  [Changelog Rules](#changelog-rules)
 [#317]: https://github.com/fuelRats/fuelrats.com/pull/317
 [#320]: https://github.com/fuelRats/fuelrats.com/pull/320
 [#323]: https://github.com/fuelRats/fuelrats.com/pull/323
+[#324]: https://github.com/fuelRats/fuelrats.com/pull/324
 [2.13.0]: https://github.com/FuelRats/fuelrats.com/compare/v2.12.10...v2.13.0
 
 

src/hooks/rescueHooks.js

@@ -1,13 +1,17 @@
+import { HttpStatus } from '@fuelrats/web-util/http'
 import axios from 'axios'
 import { useMemo, useState, useEffect } from 'react'
 
 import { getLanguage } from '~/data/LanguageList'
 import { getPlatform } from '~/data/PlatformList'
 import { formatAsEliteDateTime } from '~/helpers/formatTime'
 
+
+const pollTimeoutTime = 10000
+
 export const useQuoteString = (rescue) => {
   return useMemo(() => {
-    if (!rescue.attributes.quotes.length) {
+    if (!rescue?.attributes?.quotes?.length) {
       return undefined
     }
 
@@ -38,11 +42,14 @@ export const useRescueQueueCount = () => {
       let timeout = null
 
       const fetchData = async () => {
-        const { data } = await axios.get('/api/qms/queue')
+        const { data, status } = await axios.get('/api/qms/queue')
+
+        if (status === HttpStatus.OK) {
+          setCount(data.data.queueLength)
+        }
 
-        setCount(data.data.queueLength)
 
-        timeout = setTimeout(fetchData, data.meta.maxAge)
+        timeout = setTimeout(fetchData, pollTimeoutTime)
       }
 
       fetchData()

src/pages/api/qms/queue.js

@@ -19,7 +19,7 @@ async function Queue (req, res) {
   if (nowTime - cache.lastCheck >= cacheMaxAge) {
     cache.lastCheck = nowTime
 
-    const result = await axios.get(
+    const { data, status, statusText } = await axios.get(
       `${process.env.QMS_API_URL}/api/v1/queue`,
       {
         headers: {
@@ -28,11 +28,16 @@ async function Queue (req, res) {
       },
     )
 
-    const rescueQueue = result.data.filter((rescue) => {
-      return !rescue.pending && !rescue.in_progress
-    })
+    if (status === HttpStatus.OK) {
+      const rescueQueue = data.filter((rescue) => {
+        return !rescue.pending && !rescue.in_progress
+      })
 
-    cache.count = rescueQueue.length
+      cache.count = rescueQueue.length
+    } else {
+      res.status(status).end(statusText)
+      console.error(status, statusText, data)
+    }
   }