fix(core): fix too many subscription request

toeverything · May 7, 2024 · ba0e8da · ba0e8da
1 parent ee9e8bf
commit ba0e8da
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/...d/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/subscribe.tsx b/...d/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/subscribe.tsx
@@ -25,11 +25,17 @@ export const AISubscribe = ({ ...btnProps }: AISubscribeProps) => {
 
   useEffect(() => {
     if (isOpenedExternalWindow) {
-      // when the external window is opened, revalidate the subscription status every 3 seconds
-      const timer = setInterval(() => {
-        subscriptionService.subscription.revalidate();
-      }, 3000);
-      return () => clearInterval(timer);
+      // when the external window is opened, revalidate the subscription when window get focus
+      window.addEventListener(
+        'focus',
+        subscriptionService.subscription.revalidate
+      );
+      return () => {
+        window.removeEventListener(
+          'focus',
+          subscriptionService.subscription.revalidate
+        );
+      };
     }
     return;
   }, [isOpenedExternalWindow, subscriptionService]);

diff --git a/...ges/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx b/...ges/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx
@@ -235,11 +235,17 @@ const Upgrade = ({ recurring }: { recurring: SubscriptionRecurring }) => {
 
   useEffect(() => {
     if (isOpenedExternalWindow) {
-      // when the external window is opened, revalidate the subscription status every 3 seconds
-      const timer = setInterval(() => {
-        subscriptionService.subscription.revalidate();
-      }, 1000);
-      return () => clearInterval(timer);
+      // when the external window is opened, revalidate the subscription when window get focus
+      window.addEventListener(
+        'focus',
+        subscriptionService.subscription.revalidate
+      );
+      return () => {
+        window.removeEventListener(
+          'focus',
+          subscriptionService.subscription.revalidate
+        );
+      };
     }
     return;
   }, [isOpenedExternalWindow, subscriptionService]);