From 9734dc41a4920a02d5f8097c50f665eff7261c1d Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Thu, 28 Jan 2021 23:09:19 +0100
Subject: [PATCH] scuttlebutt: Hide debit button if user is missing the
 permission

---
 src/plugins/balance/pages/Add.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/plugins/balance/pages/Add.vue b/src/plugins/balance/pages/Add.vue
index 19706e1..a7e7d90 100644
--- a/src/plugins/balance/pages/Add.vue
+++ b/src/plugins/balance/pages/Add.vue
@@ -47,6 +47,7 @@
           </div>
           <div class="col-sm-4 col-xs-6">
             <q-btn
+              v-if="canAddCredit"
               style="width: 100%"
               color="secondary"
               label="Gutschreiben"
@@ -85,6 +86,7 @@ export default defineComponent({
     const user = ref(store.state.user.currentUser);
     const shortCuts = ref(store.state.balance.shortcuts);
 
+    const canAddCredit = computed(() => hasPermission(PERMISSIONS.CREDIT, store));
     const showSelector = computed(
       () => hasPermission(PERMISSIONS.DEBIT, store) || hasPermission(PERMISSIONS.CREDIT, store)
     );
@@ -107,6 +109,7 @@ export default defineComponent({
     return {
       user,
       addShortcut,
+      canAddCredit,
       removeShortcut,
       showAddShortcut,
       changeBalance,