From 5f1412f773fb46cacee7297b56620580c0a8b7e8 Mon Sep 17 00:00:00 2001
From: Son NK <nguyenkims@users.noreply.github.com>
Date: Tue, 8 Nov 2022 16:40:46 +0100
Subject: [PATCH] send upgrade event to host

---
 src/popup/components/Main.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/popup/components/Main.vue b/src/popup/components/Main.vue
index f78ca27..3a9a3a3 100644
--- a/src/popup/components/Main.vue
+++ b/src/popup/components/Main.vue
@@ -101,7 +101,11 @@
       <div v-if="!canCreate">
         <p class="text-danger" style="font-size: 14px">
           You have reached limit number of email aliases in free plan, please
-          <a :href="apiUrl + '/dashboard/pricing'" target="_blank">upgrade</a>
+          <span
+            @click="upgrade"
+            style="cursor: pointer; color: blue; text-decoration: underline"
+            >upgrade</span
+          >
           or reuse one of the existing aliases.
         </p>
       </div>
@@ -522,6 +526,21 @@ export default {
       Navigation.navigateTo(Navigation.PATH.REVERSE_ALIAS, true);
     },
 
+    async upgrade() {
+      try {
+        console.log("send upgrade event to host app");
+        let r = await browser.runtime.sendNativeMessage("application.id", {
+          message: {
+            upgrade: {},
+          },
+        });
+      } catch (error) {
+        console.info("can't send data to native app", error);
+        let upgradeURL = this.apiUrl + "/dashboard/pricing";
+        browser.tabs.create({ url: upgradeURL });
+      }
+    },
+
     // Clipboard
     clipboardSuccessHandler({ value, event }) {
       Utils.showSuccess(value + " copied to clipboard");