Log view: display any errors in listing the log files

src/views/Log.vue

@@ -198,6 +198,7 @@
 import ViewToolbar from '@/components/cylc/ViewToolbar.vue'
 import DeltasCallback from '@/services/callbacks'
 import debounce from 'lodash/debounce'
+import { Alert } from '@/model/Alert.model'
 
 /**
  * Query used to retrieve data for the Log view.
@@ -507,7 +508,7 @@
         })
       } catch (err) {
         // the query failed
-        console.warn(err)
+        this.handleLogFileListingErr(err)
         this.handleNoLogFiles()
         return
       }
@@ -536,6 +537,9 @@
         this.fileDisabled = false
         this.logFiles = logFiles
       } else {
+        if (result.errors?.length) {
+          this.handleLogFileListingErr(result.errors[0].message)
+        }
         this.handleNoLogFiles()
       }
     },
@@ -544,6 +548,9 @@
       this.fileDisabled = true
       this.logFiles = []
     },
+    handleLogFileListingErr (err) {
+      this.$store.dispatch('setAlert', new Alert(err, 'error'))
+    },
   },
 
   watch: {