From 122903a2b0a18f16f5a97149ff94f07b3ea4592d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sun, 24 Sep 2023 23:11:18 +0200
Subject: [PATCH] add types for axios errors.

---
 client/src/components/Pull.vue          | 18 +++++++++++++-----
 client/src/components/RoomActionBtn.vue |  6 ++++--
 client/src/components/RoomInfo.vue      | 13 ++++++++++---
 client/src/components/RoomsCreate.vue   |  6 ++++--
 client/src/components/RoomsQuick.vue    |  9 ++++++---
 5 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/client/src/components/Pull.vue b/client/src/components/Pull.vue
index 96e9a7b..4a5db93 100644
--- a/client/src/components/Pull.vue
+++ b/client/src/components/Pull.vue
@@ -53,6 +53,7 @@
 
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator'
+import { AxiosError } from 'axios'
 
 @Component
 export default class Pull extends Vue {
@@ -74,10 +75,11 @@ export default class Pull extends Vue {
     try {
       await this.$store.dispatch('PULL_START', this.nekoImage)
     } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {
@@ -98,10 +100,11 @@ export default class Pull extends Vue {
     try {
       await this.$store.dispatch('PULL_STOP')
     } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {
@@ -128,7 +131,12 @@ export default class Pull extends Vue {
       try {
         await this.$store.dispatch('PULL_STATUS')
       } catch(e) {
-        console.error(e)
+        const response = (e as AxiosError).response
+        if (response) {
+          console.error('Server error', response.data)
+        } else {
+          console.error('Network error', String(e))
+        }
       }
     }, 1000)
   }
diff --git a/client/src/components/RoomActionBtn.vue b/client/src/components/RoomActionBtn.vue
index 22198d7..ccb0aa3 100644
--- a/client/src/components/RoomActionBtn.vue
+++ b/client/src/components/RoomActionBtn.vue
@@ -9,6 +9,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from 'vue-property-decorator'
+import { AxiosError } from 'axios'
 
 @Component
 export default class RoomActionBtn extends Vue {
@@ -102,10 +103,11 @@ export default class RoomActionBtn extends Vue {
         icon: 'success',
       })
     } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {
diff --git a/client/src/components/RoomInfo.vue b/client/src/components/RoomInfo.vue
index 5f11c36..f7f66b8 100644
--- a/client/src/components/RoomInfo.vue
+++ b/client/src/components/RoomInfo.vue
@@ -206,6 +206,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
+import { AxiosError } from 'axios'
 import RoomLink from './RoomLink.vue'
 
 import {
@@ -247,10 +248,11 @@ export default class RoomInfo extends Vue {
         this.LoadStats()
       }
     } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {
@@ -288,7 +290,12 @@ export default class RoomInfo extends Vue {
       this.stats = stats
       this.statsErr = ""
     } catch(e) {
-      this.statsErr = e
+      const response = (e as AxiosError).response
+      if (response) {
+        this.statsErr = `Server error: ${response.data}`
+      } else {
+        this.statsErr = `Network error: ${String(e)}`
+      }
     } finally {
       this.statsLoading = false
     }
diff --git a/client/src/components/RoomsCreate.vue b/client/src/components/RoomsCreate.vue
index a535dc7..defaa4a 100644
--- a/client/src/components/RoomsCreate.vue
+++ b/client/src/components/RoomsCreate.vue
@@ -492,6 +492,7 @@
 
 <script lang="ts">
 import { Vue, Component, Ref, Watch } from 'vue-property-decorator'
+import { AxiosError } from 'axios'
 import { randomPassword } from '@/utils/random'
 
 import {
@@ -700,10 +701,11 @@ export default class RoomsCreate extends Vue {
       this.Clear()
       this.$emit('finished', true)
      } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {
diff --git a/client/src/components/RoomsQuick.vue b/client/src/components/RoomsQuick.vue
index ab61989..c86b185 100644
--- a/client/src/components/RoomsQuick.vue
+++ b/client/src/components/RoomsQuick.vue
@@ -46,9 +46,11 @@
 
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator'
-import RoomInfo from '@/components/RoomInfo.vue'
+import { AxiosError } from 'axios'
 import { randomPassword } from '@/utils/random'
 
+import RoomInfo from '@/components/RoomInfo.vue'
+
 @Component({
   components: {
     RoomInfo,
@@ -81,10 +83,11 @@ export default class RoomActionBtn extends Vue {
       this.roomId = entry.id
       this.dialog = true
     } catch(e) {
-      if (e.response) {
+      const response = (e as AxiosError).response
+      if (response) {
         this.$swal({
           title: 'Server error',
-          text: e.response.data,
+          text: response.data,
           icon: 'error',
         })
       } else {