From baac1d8dde18f3cb91b6d323094822bc9b6641f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 27 Apr 2022 13:04:51 +0200
Subject: [PATCH] Fix error with undefined this.callback

---
 frontend/src/components/Message/Message.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Message/Message.vue b/frontend/src/components/Message/Message.vue
index 769bd99bf..bf83d7344 100644
--- a/frontend/src/components/Message/Message.vue
+++ b/frontend/src/components/Message/Message.vue
@@ -13,7 +13,7 @@
             v-if="buttonText && (linkTo || callback)"
             class="test-message-button"
             :to="linkTo ? linkTo + (code ? `/${code}` : '') : null"
-            @click="callback()"
+            @click="optionalCallback()"
           >
             <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
             {{ buttonText }}
@@ -36,5 +36,12 @@ export default {
     callback: { type: Function, required: false, default: null },
     code: { type: String, required: false, default: null }, // Wolle: to be removed by adding it directly to the "linkTo"
   },
+  methods: {
+    optionalCallback() {
+      if (this.callback) {
+        this.callback()
+      }
+    },
+  },
 }
 </script>