From 9fbdd98bc6d5ffcad9b8793f12be03db58aa3e6e Mon Sep 17 00:00:00 2001
From: tim <tim.veenendaal@gmail.com>
Date: Mon, 5 Jul 2021 04:37:28 +0200
Subject: [PATCH] Add error handling

---
 src/services/PerudoApi.ts |  5 ++++-
 src/views/Home.vue        | 21 +++++++++++++++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/services/PerudoApi.ts b/src/services/PerudoApi.ts
index c8737be..dd1297a 100644
--- a/src/services/PerudoApi.ts
+++ b/src/services/PerudoApi.ts
@@ -41,8 +41,11 @@ export default class PerudoApi {
       });
   }
 
-  private get<T = any>(url: string, getParameters?: Record<string, any>) {
+  private get<T extends ApiObject>(url: string, getParameters?: Record<string, any>): AxiosPromise<T> {
     return axios.get(url).then((response: AxiosResponse<T>) => {
+      if (response?.data?.errors?.length > 0) {
+        throw response.data.errors?.join();
+      }
       return response;
     })
   }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5effb35..f6d7c72 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="home">
+    <div v-if="error">
+      Errors: <br>
+      {{ error }}
+    </div>
     <md-field>
       <label>Name</label>
       <md-input v-model="name" :readonly="gameJoined"></md-input>
@@ -44,6 +48,7 @@ import {ApiObject, GameState, IsStartedObject, JoinCreateGameObject} from "@/obj
 })
 export default class Home extends Vue {
   private gameState: GameState = GameState.Setup;
+  private error: string | null = null;
 
   private name: string = 'Bobby';
   private code: string = '';
@@ -66,7 +71,9 @@ export default class Home extends Vue {
       this.owner = true;
 
       this.gameState = GameState.Joined;
-    });
+    }).catch((reason => {
+      this.error = reason;
+    }));
   }
 
   private joinGame() {
@@ -74,14 +81,18 @@ export default class Home extends Vue {
       this.playerId = response.player.id;
 
       this.gameState = GameState.Joined;
-    })
+    }).catch((reason => {
+      this.error = reason;
+    }));
   }
 
   private startGame() {
     if (this.playerId) {
       PerudoApi.instance.startGame(this.playerId).then((response: ApiObject) => {
         this.gameState = GameState.Started;
-      })
+      }).catch((reason => {
+        this.error = reason;
+      }));
     }
   }
 
@@ -91,7 +102,9 @@ export default class Home extends Vue {
         if (response.started) {
           this.gameState = GameState.Started;
         }
-      });
+      }).catch((reason => {
+        this.error = reason;
+      }));
     }
   }
 }