add notification when downloading the app

Author: AchoArnold

web/components/MessageThread.vue

@@ -46,7 +46,16 @@
       <p>
         Install the mobile app on your android phone to start sending messages
       </p>
-      <v-btn class="primary" :href="$store.getters.getAppData.appDownloadUrl">
+      <v-btn
+        class="primary"
+        :href="$store.getters.getAppData.appDownloadUrl"
+        @click="
+          $store.dispatch('addNotification', {
+            type: 'info',
+            message: 'Downloading the httpSMS Android App',
+          })
+        "
+      >
         <v-icon>
           {{ mdiDownload }}
         </v-icon>

web/components/MessageThreadHeader.vue

@@ -129,6 +129,12 @@
             v-if="$store.getters.getOwner"
             :href="$store.getters.getAppData.appDownloadUrl"
             exact
+            @click="
+              $store.dispatch('addNotification', {
+                type: 'info',
+                message: 'Downloading the httpSMS Android App',
+              })
+            "
           >
             <v-list-item-icon class="pl-2">
               <v-icon dense>{{ mdiDownload }}</v-icon>

web/layouts/website.vue

@@ -66,6 +66,7 @@
       </v-container>
     </v-app-bar>
     <v-main>
+      <toast></toast>
       <Nuxt />
     </v-main>
     <v-footer class="pt-4">

web/pages/index.vue

@@ -212,6 +212,12 @@
                         download
                         class="font-weight-bold text-decoration-none"
                         :href="$store.getters.getAppData.appDownloadUrl"
+                        @click="
+                          $store.dispatch('addNotification', {
+                            type: 'info',
+                            message: 'Downloading the httpSMS Android App',
+                          })
+                        "
                         >Download</a
                       >
                       and install the companion android application on your
@@ -610,15 +616,6 @@ export default Vue.extend({
       yearlyPricing: false,
     }
   },
-  methods: {
-    goToPricing() {
-      if (this.$route.name === 'index') {
-        this.$vuetify.goTo('#pricing')
-      } else {
-        this.$router.push('/#pricing')
-      }
-    },
-  },
 })
 </script>