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 = 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) => { 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);