Merge pull request #194 from TouK/NU-1087/auto-update-subscription-st…

…atus NU-1087 auto update subscription status
TouK · Oct 3, 2023 · fb808e0 · fb808e0
2 parents bcec68e + 2cc8619
commit fb808e0
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/components/subscriptionListElement.tsx b/src/components/subscriptionListElement.tsx
@@ -8,10 +8,22 @@ import { LinePlaceholder } from "./linePlaceholder";
 
 export const SubscriptionListElement = observer(({ subscription }: { subscription: Subscription }) => {
     const navigate = useNavigate();
+    const state = subscription.state;
+    const noExist = state === undefined;
+    const notActive = state !== "ACTIVE" && state !== undefined;
+    const active = state === "ACTIVE";
 
     useEffect(() => {
-        subscription.fetchTask();
-    }, [subscription]);
+        let interval;
+        if (noExist) {
+            subscription.fetchTask();
+        } else if (notActive) {
+            interval = setInterval(() => subscription.fetchTask(), 10000);
+        } else if (active) {
+            clearInterval(interval);
+        }
+        return () => clearInterval(interval);
+    }, [subscription, noExist, notActive, active]);
 
     return (
         <ListItemButton onClick={() => navigate(subscription.name)}>