From 550ff4ed6f6764676fdac33efaa6d9d2975c4e13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Fr=C3=B6lich?= <tobias@blueshoe.de>
Date: Mon, 26 Jun 2023 15:53:14 +0200
Subject: [PATCH] fix: handle cluster creation errors

---
 src/views/ClusterCreate.vue | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/views/ClusterCreate.vue b/src/views/ClusterCreate.vue
index d231cb4..0703021 100644
--- a/src/views/ClusterCreate.vue
+++ b/src/views/ClusterCreate.vue
@@ -44,6 +44,21 @@
       </v-col>
     </v-row>
   </v-container>
+  <v-snackbar
+      v-model="snackbar"
+    >
+      {{ snackbarInner }}
+
+      <template v-slot:actions>
+        <v-btn
+          color="pink"
+          variant="text"
+          @click="snackbar = false"
+        >
+          Close
+        </v-btn>
+      </template>
+    </v-snackbar>
 </template>
 
 <script lang="ts" setup>
@@ -56,6 +71,9 @@ const clusterName = ref("");
 const nodeCount = ref(1);
 const ports = ref(["6443:6443"]);
 
+const snackbar = ref(false);
+const snackbarInner = ref("Cluster creation failed");
+
 const addPortMapping = () => {
   ports.value.push("host");
 };
@@ -80,11 +98,15 @@ const createCluster = () => {
     ],
   };
   ClustersService.clusterCreateClustersPost(clusterReq).then((res) => {
-    console.log("creation success ", +res);
+    console.log("creation success ", res);
+    snackbar.value = true;
+    snackbarInner.value = "Cluster created successfully.";
     router.push("/clusters");
   })
-  .catch((err) => {
-    console.log("creation failed ", +err);
+  .catch(() => {
+    snackbar.value = true;
+    snackbarInner.value = "Cluster creation failed: Limits exceeded.";
+
   });
 };