feat: polling for guardian status, balance, and blocks

Kodylow · Nov 10, 2023 · 39ba6cb · 39ba6cb
1 parent 9ce8ee6
commit 39ba6cb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 4 deletions.
diff --git a/apps/guardian-ui/src/admin/FederationAdmin.tsx b/apps/guardian-ui/src/admin/FederationAdmin.tsx
@@ -26,9 +26,15 @@ export const FederationAdmin: React.FC = () => {
 
   useEffect(() => {
     // TODO: poll server status
-    api.status().then(setStatus).catch(console.error);
-    api.inviteCode().then(setInviteCode).catch(console.error);
     api.modulesConfig().then(setModulesConfigs).catch(console.error);
+    api.inviteCode().then(setInviteCode).catch(console.error);
+    const fetchStatus = () => {
+      console.log('fetching status');
+      api.status().then(setStatus).catch(console.error);
+    };
+    fetchStatus();
+    const interval = setInterval(fetchStatus, 5000);
+    return () => clearInterval(interval);
   }, [api]);
 
   useEffect(() => {

diff --git a/apps/guardian-ui/src/components/BalanceCard.tsx b/apps/guardian-ui/src/components/BalanceCard.tsx
@@ -15,7 +15,12 @@ export const BalanceCard: React.FC = () => {
     : undefined;
 
   useEffect(() => {
-    api.audit().then(setAuditSummary).catch(console.error);
+    const fetchBalance = () => {
+      api.audit().then(setAuditSummary).catch(console.error);
+    };
+    fetchBalance();
+    const interval = setInterval(fetchBalance, 5000);
+    return () => clearInterval(interval);
   }, [api]);
 
   const keyValues = useMemo(

diff --git a/apps/guardian-ui/src/components/FederationInfoCard.tsx b/apps/guardian-ui/src/components/FederationInfoCard.tsx
@@ -26,7 +26,12 @@ export const FederationInfoCard: React.FC<Props> = ({ status }) => {
 
   useEffect(() => {
     api.version().then(setVersions).catch(console.error);
-    api.fetchBlockCount().then(setBlockCount).catch(console.error);
+    const fetchBlockCount = () => {
+      api.fetchBlockCount().then(setBlockCount).catch(console.error);
+    };
+    fetchBlockCount();
+    const interval = setInterval(fetchBlockCount, 5000);
+    return () => clearInterval(interval);
   }, [api]);
 
   const keyValues = useMemo(