From 8654db42b783d63b691dd17e6fe234b4ecd243e9 Mon Sep 17 00:00:00 2001
From: Marek Fraczyk <mareksmakosz@gmail.com>
Date: Mon, 30 Aug 2021 11:52:06 +0300
Subject: [PATCH] show wordpress specific only elements in the footer

---
 src/components/TheFooter.vue      | 13 ++++++++++---
 src/views/dashboard/Dashboard.vue |  6 +-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/TheFooter.vue b/src/components/TheFooter.vue
index 75a7de9..2d347ad 100644
--- a/src/components/TheFooter.vue
+++ b/src/components/TheFooter.vue
@@ -12,7 +12,8 @@
         <div class="col-md-8 text-left text-md-right">
             <small v-b-tooltip.hover
                    :title="$t('title')"
-                   class="pointer">
+                   class="pointer"
+                   v-if="!isStorageWordpress">
                 {{ $t('what_about_my_data') }}
             </small>
             <small class="pl-2">
@@ -23,7 +24,8 @@
             </small>
             <a href="https://github.com/mokuappio/serverless-invoices"
                class="btn btn-sm btn--icon ml-0 ml-md-2"
-               target="_blank">
+               target="_blank"
+               v-if="!isStorageWordpress">
                 <img src="@/assets/img/github.png"
                      alt="Serverless Invoices Github"
                      v-if="theme === 'dark'">
@@ -33,12 +35,14 @@
             </a>
             <a href="https://app.mokuapp.io/"
                class="btn btn-sm btn-primary ml-2"
-               target="_blank">{{ $t('upgrade') }}</a>
+               target="_blank"
+               v-if="!isStorageWordpress">{{ $t('upgrade') }}</a>
         </div>
     </footer>
 </template>
 
 <script>
+import config from '@/config/app.config';
 import { mapState } from 'vuex';
 import { VBTooltip } from 'bootstrap-vue';
 import LanguageSwitcher from './LanguageSwitcher';
@@ -53,6 +57,9 @@ export default {
     ...mapState({
       theme: state => state.themes.theme,
     }),
+    isStorageWordpress() {
+      return config.storageType === 'wordpress';
+    },
   },
   methods: {
     toggleTheme() {
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 30d2339..297ca55 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -6,7 +6,7 @@
                     <transition name="fade" mode="out-in">
                         <router-view/>
                     </transition>
-                    <TheFooter v-if="!isStorageWordpress"/>
+                    <TheFooter/>
                 </div>
             </div>
         </div>
@@ -27,7 +27,6 @@ import TeamModal from '@/components/team/TeamModal';
 import TheFooter from '@/components/TheFooter';
 import CustomizationsModal from '@/components/invoices/CustomizationsModal';
 import ImportModal from '../../components/ImportModal';
-import config from '@/config/app.config';
 
 export default {
   directives: {
@@ -45,9 +44,6 @@ export default {
     ...mapGetters({
       team: 'teams/team',
     }),
-    isStorageWordpress() {
-      return config.storageType === 'wordpress';
-    },
   },
 };
 </script>