From 4915f2a3fb0b7b7747b7a98fbb69d2270c41b418 Mon Sep 17 00:00:00 2001
From: negue <eugen.bolz@gmail.com>
Date: Sun, 25 Jun 2023 21:09:07 +0200
Subject: [PATCH] Hide Transactions Page again

---
 website/client/src/mixins/userState.js        |  2 +-
 .../client/src/pages/settings-overview.vue    | 33 ++++++++++++++-----
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/website/client/src/mixins/userState.js b/website/client/src/mixins/userState.js
index 8d007f4184..e24b0366e9 100644
--- a/website/client/src/mixins/userState.js
+++ b/website/client/src/mixins/userState.js
@@ -3,7 +3,7 @@ import { mapState } from '@/libs/store';
 export const userCustomStateMixin = fieldname => {
   const map = { };
   map[fieldname] = 'user.data';
-  return { // eslint-disable-line import/prefer-default-export
+  return {
     computed: {
       ...mapState(map),
     },
diff --git a/website/client/src/pages/settings-overview.vue b/website/client/src/pages/settings-overview.vue
index 60e57c5648..2f8eb0b082 100644
--- a/website/client/src/pages/settings-overview.vue
+++ b/website/client/src/pages/settings-overview.vue
@@ -1,16 +1,21 @@
 <template>
   <div class="row">
     <secondary-menu class="col-12">
-      <router-link
+      <template
         v-for="routePath in tabs"
-        :key="routePath"
-        class="nav-link"
-        :to="{name: routePath}"
-        exact="exact"
-        :class="{'active': $route.name === routePath}"
       >
-        {{ $t(pathTranslateKey(routePath)) }}
-      </router-link>
+        <router-link
+          v-if="allowedToShowTab(routePath)"
+          :key="routePath"
+
+          class="nav-link"
+          :to="{name: routePath}"
+          exact="exact"
+          :class="{'active': $route.name === routePath}"
+        >
+          {{ $t(pathTranslateKey(routePath)) }}
+        </router-link>
+      </template>
     </secondary-menu>
     <div
       v-if="$route.name === 'subscription' && promo === 'g1g1'"
@@ -203,6 +208,18 @@ export default {
     },
   },
   methods: {
+    /**
+     * @param {String} tabName
+     * @returns {Boolean}
+     */
+    allowedToShowTab (tabName) {
+      const transactionsTab = tabName === 'transactions';
+
+      return transactionsTab
+        ? this.hasPermission(this.user, 'userSupport')
+        : true;
+    },
+
     showSelectUser () {
       this.$root.$emit('bv::show::modal', 'select-user-modal');
     },