From 714702c60e8df12f18456da68ba9bbf5f43908a2 Mon Sep 17 00:00:00 2001
From: Daniel Lando <daniel.sorridi@gmail.com>
Date: Tue, 2 Mar 2021 10:36:23 +0100
Subject: [PATCH] fix(ui): show debug feedback

---
 src/components/Debug.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Debug.vue b/src/components/Debug.vue
index d7b4a95c74a..4746bc0407d 100644
--- a/src/components/Debug.vue
+++ b/src/components/Debug.vue
@@ -2,10 +2,10 @@
   <v-container grid-list-md>
     <v-row>
       <v-col cols="12">
-        <v-btn color="green darken-1" text @click="debugActive = true"
+        <v-btn color="green darken-1" text @click="toggleDebug(true)"
           >Start</v-btn
         >
-        <v-btn color="red darken-1" text @click="debugActive = false"
+        <v-btn color="red darken-1" text @click="toggleDebug(false)"
           >Stop</v-btn
         >
         <v-btn color="blue darken-1" text @click="debug = []">Clear</v-btn>
@@ -26,6 +26,7 @@
 import { socketEvents } from '@/plugins/socket'
 
 import AnsiUp from 'ansi_up'
+import { mapMutations } from 'vuex'
 
 const ansiUp = new AnsiUp()
 
@@ -44,7 +45,13 @@ export default {
       debugActive: false
     }
   },
-  methods: {},
+  methods: {
+    ...mapMutations(['showSnackbar']),
+    toggleDebug (v) {
+      this.debugActive = v
+      this.showSnackbar('Debug ' + (v ? 'activated' : 'disabled'))
+    }
+  },
   mounted () {
     // init socket events
     const self = this