From 149f21e7e0ee1f736c8654af37716816928887bb Mon Sep 17 00:00:00 2001
From: Adam Fraser <adamfraser0@gmail.com>
Date: Wed, 17 Jan 2024 10:34:04 -0500
Subject: [PATCH] Add trailing blocks to NetworkStatus analytics event (#230)

---
 src/constants/analytics.ts | 1 +
 src/hooks/useAnalytics.ts  | 3 ++-
 src/hooks/useApiState.ts   | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/constants/analytics.ts b/src/constants/analytics.ts
index a9b8ed2..49598a3 100644
--- a/src/constants/analytics.ts
+++ b/src/constants/analytics.ts
@@ -96,6 +96,7 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
         elapsedTime?: number;
         blockHeight?: number;
         indexerBlockHeight?: number;
+        trailingBlocks?: number;
       }
     : // Navigation
     T extends AnalyticsEvent.NavigatePage
diff --git a/src/hooks/useAnalytics.ts b/src/hooks/useAnalytics.ts
index 6dca099..3415ba9 100644
--- a/src/hooks/useAnalytics.ts
+++ b/src/hooks/useAnalytics.ts
@@ -97,7 +97,7 @@ export const useAnalytics = () => {
   }, []);
 
   // AnalyticsEvent.NetworkStatus
-  const { height, indexerHeight, status } = useApiState();
+  const { height, indexerHeight, status, trailingBlocks} = useApiState();
 
   useEffect(() => {
     if (status) {
@@ -114,6 +114,7 @@ export const useAnalytics = () => {
         elapsedTime: lastSuccessfulIndexerRpcQuery && Date.now() - lastSuccessfulIndexerRpcQuery,
         blockHeight: height ?? undefined,
         indexerBlockHeight: indexerHeight ?? undefined,
+        trailingBlocks: trailingBlocks ?? undefined
       });
     }
   }, [status]);
diff --git a/src/hooks/useApiState.ts b/src/hooks/useApiState.ts
index 2e902ad..a35893d 100644
--- a/src/hooks/useApiState.ts
+++ b/src/hooks/useApiState.ts
@@ -71,7 +71,7 @@ export const getIndexerHeight = (apiState: Nullable<AbacusApiState>) => {
 export const useApiState = () => {
   const stringGetter = useStringGetter();
   const apiState = useSelector(getApiState, shallowEqual);
-  const { haltedBlock, height, status, trailingBlocks } = apiState ?? {};
+  const { haltedBlock, height, status, trailingBlocks} = apiState ?? {};
   const statusErrorMessage = getStatusErrorMessage({ apiState, stringGetter });
   const indexerHeight = getIndexerHeight(apiState);