feat: show promo after unlock

lockerpm · Nov 7, 2023 · eaf0729 · eaf0729
1 parent 45c225d
commit eaf0729
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 4 deletions.
diff --git a/src/renderer/assets/images/cyber-month-2023.png b/src/renderer/assets/images/cyber-month-2023.png
diff --git a/src/renderer/components/notice/CyberMonthPopup.vue b/src/renderer/components/notice/CyberMonthPopup.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <el-dialog
+      :visible="dialogVisible"
+      width="60%"
+      class="premium-dialog header-no-padding body-no-padding"
+      @close="closeDialog"
+    >
+      <div slot="title">
+        <img
+          width="100%"
+          src="~/assets/images/cyber-month-2023.png"
+          @click="upgradePlan"
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    dialogVisible () {
+      return this.$store.state.notice.showCyberMonthPopup
+    }
+  },
+  methods: {
+    closeDialog () {
+      this.$store.commit('UPDATE_NOTICE', { showCyberMonthPopup: false })
+    },
+    upgradePlan () {
+      this.closeDialog()
+      this.$router.push('/promo/cyber-month-2023')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/renderer/layouts/default.vue b/src/renderer/layouts/default.vue
@@ -42,6 +42,8 @@
         <PremiumDialog />
 
         <WelcomeToBusiness />
+
+        <CyberMonthPopup />
       </client-only>
     </div>
   </div>
@@ -60,6 +62,7 @@ import PaymentFailedWarning from '../components/notice/PaymentFailedWarning'
 import TrialAboutToExpireWarning from '../components/notice/TrialAboutToExpireWarning'
 import PremiumDialog from '../components/upgrade/PremiumDialog.vue'
 import BottomBanner from '../components/landing/BottomBanner.vue'
+import CyberMonthPopup from '../components/notice/CyberMonthPopup.vue'
 
 if (process.env.CS_ENV !== 'web') {
   // eslint-disable-next-line no-var, @typescript-eslint/no-unused-vars
@@ -81,7 +84,8 @@ export default {
     PremiumDialog,
     Header,
     SideBarMenu,
-    BottomBanner
+    BottomBanner,
+    CyberMonthPopup
   },
 
   middleware: [

diff --git a/src/renderer/plugins/mixins/index.js b/src/renderer/plugins/mixins/index.js
@@ -45,8 +45,10 @@ Vue.mixin({
       )
     },
     isLifeTimeUser () {
-      return ['pm_lifetime_premium', 'pm_lifetime_family'].includes(
-        this.$store.state.currentPlan?.alias
+      const ALIASES = ['pm_lifetime_premium', 'pm_lifetime_family']
+      return (
+        ALIASES.includes(this.$store.state.currentPlan?.alias) ||
+        ALIASES.includes(this.$store.state.userPw?.pwd_plan)
       )
     },
     isFamilyOwner () {
@@ -337,6 +339,11 @@ Vue.mixin({
             path
           })
         )
+
+        // Show promo popup
+        if (!this.isLifeTimeUser) {
+          this.$store.commit('UPDATE_NOTICE', { showCyberMonthPopup: true })
+        }
       } catch (e) {
         console.log(e)
         // Wrong master pw

diff --git a/src/renderer/store/index.js b/src/renderer/store/index.js
@@ -51,7 +51,8 @@ export const state = () => ({
     showWelcome: false,
     allowShowWelcomeBusiness: false,
     allowShowTutorial: false,
-    showPleaseUpgrade: false
+    showPleaseUpgrade: false,
+    showCyberMonthPopup: false
   },
   ui: {
     closeAllModal: false