From fc6c47dfcc44bfe7b16dc4c062c3fbbe723d1f4e Mon Sep 17 00:00:00 2001
From: Alejandro Akbal <37181533+VoidlessSeven7@users.noreply.github.com>
Date: Fri, 2 Oct 2020 12:07:12 +0200
Subject: [PATCH] feat: create support pop up logic

---
 components/utils/SupportPopUpManager.vue | 38 ++++++++++++++++++++++++
 store/index.js                           | 12 ++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 components/utils/SupportPopUpManager.vue

diff --git a/components/utils/SupportPopUpManager.vue b/components/utils/SupportPopUpManager.vue
new file mode 100644
index 00000000..00640d4c
--- /dev/null
+++ b/components/utils/SupportPopUpManager.vue
@@ -0,0 +1,38 @@
+<script>
+import { mapGetters, mapMutations } from 'vuex'
+
+export default {
+  data() {
+    return {
+      isSupportPopUpActive: false,
+    }
+  },
+
+  computed: {
+    ...mapGetters(['getTimesTheAppHasBeenOpened']),
+  },
+
+  watch: {
+    getTimesTheAppHasBeenOpened(value) {
+      if (value % 10 === 0) {
+        this.isSupportPopUpActive = true
+        //
+      } else {
+        this.isSupportPopUpActive = false
+      }
+    },
+  },
+
+  mounted() {
+    this.setTimesTheAppHasBeenOpened(this.getTimesTheAppHasBeenOpened + 1)
+  },
+
+  methods: {
+    ...mapMutations(['setTimesTheAppHasBeenOpened']),
+
+    toggleSupportPopUp() {
+      this.isSupportPopUpActive = !this.isSupportPopUpActive
+    },
+  },
+}
+</script>
diff --git a/store/index.js b/store/index.js
index 65e09882..e4dd8e18 100644
--- a/store/index.js
+++ b/store/index.js
@@ -4,6 +4,10 @@ export const state = () => ({
   },
 
   errors: undefined,
+
+  statistics: {
+    timesTheAppHasBeenOpened: 0,
+  },
 })
 
 export const getters = {
@@ -14,12 +18,20 @@ export const getters = {
   getErrors(state) {
     return state.errors
   },
+
+  getTimesTheAppHasBeenOpened(state) {
+    return state.statistics.timesTheAppHasBeenOpened
+  },
 }
 
 export const mutations = {
   setErrors(state, value) {
     state.errors = value
   },
+
+  setTimesTheAppHasBeenOpened(state, value) {
+    state.statistics.timesTheAppHasBeenOpened = value
+  },
 }
 
 export const actions = {