From 52686ebe7a94c029a162a20ecc1baa9c117b5da3 Mon Sep 17 00:00:00 2001
From: daniel k <ttop324@gmail.com>
Date: Thu, 14 Mar 2024 12:51:22 +0900
Subject: [PATCH] fix review notify

---
 doc/description.md               |  1 +
 src/components/commentBanner.vue | 33 ++++++++++++++++++++++++++++++--
 src/pages/index.vue              | 12 +-----------
 3 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/doc/description.md b/doc/description.md
index 39cb456f..e15e0e88 100644
--- a/doc/description.md
+++ b/doc/description.md
@@ -20,6 +20,7 @@ English, Russian, Japanese, Chinese and so on
 
 # Change Log
 - 0.1.130
+  - fix review notify
   - hide mouseover text error (contributed by gignac-cha)
 - 0.1.129
   - fix korea ocr manga lang size
diff --git a/src/components/commentBanner.vue b/src/components/commentBanner.vue
index 371be109..8642f137 100644
--- a/src/components/commentBanner.vue
+++ b/src/components/commentBanner.vue
@@ -1,5 +1,6 @@
 <template>
   <v-alert
+    v-if="isNewVisit"
     type="success"
     border="start"
     variant="tonal"
@@ -9,17 +10,20 @@
   >
     {{ subtitle }}
     <template v-slot:append>
-      <v-btn variant="tonal" @click="openUrl(url)">Open</v-btn>
+      <v-btn variant="tonal" @click="handleClick(url)">Open</v-btn>
     </template>
   </v-alert>
 </template>
 <script>
 import * as util from "/src/util";
 import browser from "webextension-polyfill";
+import { useSettingStore } from "/src/stores/setting.js";
+import { mapState } from "pinia";
 
 export default {
   name: "CommentBanner",
-  props: ["title"],
+  emits: ["click"],
+  // props: ["title"],
   data() {
     return {
       title: browser.i18n.getMessage("Review_this"),
@@ -27,10 +31,35 @@ export default {
       url: util.getReviewUrl(),
     };
   },
+  async mounted() {
+    await this.waitSettingLoad();
+    this.increasePopupCount();
+  },
+  computed: {
+    ...mapState(useSettingStore, ["setting", "waitSettingLoad"]),
+    isNewVisit() {
+      var count = Number(this.setting?.["popupCount"]);
+      return 1 < count && count < 7;
+    },
+  },
   methods: {
     openUrl(newURL) {
       window.open(newURL);
     },
+    handleClick(newURL) {
+      this.openUrl(newURL);
+      this.finishPopupCount();
+      this.$emit("click");
+    },
+    increasePopupCount(inc = 1) {
+      var count = Number(this.setting["popupCount"]);
+      if (count < 10) {
+        this.setting["popupCount"] = count + inc;
+      }
+    },
+    finishPopupCount() {
+      this.increasePopupCount(100);
+    },
   },
 };
 </script>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 9507ceb0..5c169d4f 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -41,8 +41,7 @@
           class="scrollList"
         >
           <!-- comment request banner -->
-          <CommentBanner v-if="tabId == 'MAIN' && checkCommentSchedule()">
-          </CommentBanner>
+          <CommentBanner v-if="tabId == 'MAIN'"> </CommentBanner>
 
           <v-list-item
             v-for="(option, optionName) in tabItems[tabId]"
@@ -466,7 +465,6 @@ export default {
   async mounted() {
     await this.addTtsVoiceTabOption();
     await this.waitSettingLoad();
-    this.handlePopupCount();
   },
   computed: {
     ...mapState(useSettingStore, ["setting", "waitSettingLoad"]),
@@ -556,14 +554,6 @@ export default {
         transition: "border-radius 200ms ease-in-out",
       };
     },
-    handlePopupCount() {
-      if (10 < this.setting["popupCount"]) {
-        this.setting["popupCount"] += 1;
-      }
-    },
-    checkCommentSchedule() {
-      return 1 < this.setting["popupCount"] && this.setting["popupCount"] < 5;
-    },
   },
 };
 </script>