fix(llm): add tracking on pull to refresh

.changeset/polite-fireants-pay.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": patch
+---
+
+add track on pull to refresh where a sync is triggered or not so we can quantify the amount of Sync requested to the backend

apps/ledger-live-mobile/src/components/accountSyncRefreshControl.tsx

@@ -4,6 +4,7 @@ import { useTheme } from "@react-navigation/native";
 import { useBridgeSync, useAccountSyncState } from "@ledgerhq/live-common/bridge/react/index";
 import { useCountervaluesPolling } from "@ledgerhq/live-countervalues-react";
 import { SYNC_DELAY } from "~/utils/constants";
+import { track } from "~/analytics";
 
 export interface Props {
   accountId?: string;
@@ -24,6 +25,7 @@ export default <P,>(ScrollListLike: React.ComponentType<P>) => {
     const [refreshing, setRefreshing] = useState(false);
 
     function onPress() {
+      track("buttonClicked", { button: "pull to refresh" });
       if (!accountId) return;
       poll();
       setSyncBehavior({

apps/ledger-live-mobile/src/components/globalSyncRefreshControl.tsx

@@ -4,6 +4,7 @@ import { useBridgeSync } from "@ledgerhq/live-common/bridge/react/index";
 import { useCountervaluesPolling } from "@ledgerhq/live-countervalues-react";
 import { useIsFocused, useTheme } from "@react-navigation/native";
 import { SYNC_DELAY } from "~/utils/constants";
+import { track } from "~/analytics";
 
 type Props = {
   error?: Error;
@@ -28,6 +29,7 @@ export default <P,>(
         reason: "user-pull-to-refresh",
       });
       setRefreshing(true);
+      track("buttonClicked", { button: "pull to refresh" });
     }
 
     useEffect(() => {

apps/ledger-live-mobile/src/newArch/features/Market/hooks/usePullToRefresh.ts

@@ -1,15 +1,24 @@
 import { useState, useCallback, useEffect } from "react";
+import { track } from "~/analytics";
 
 interface UsePullToRefreshProps {
   loading: boolean;
   refresh: () => void;
 }
+
 function usePullToRefresh({ loading, refresh }: UsePullToRefreshProps) {
+  const trackPullToRefresh = useCallback(() => {
+    track("button_clicked", {
+      button: "pull to refresh",
+    });
+  }, []);
+
   const [refreshControlVisible, setRefreshControlVisible] = useState(false);
   const handlePullToRefresh = useCallback(() => {
     refresh();
     setRefreshControlVisible(true);
-  }, [refresh]);
+    trackPullToRefresh();
+  }, [refresh, trackPullToRefresh]);
 
   useEffect(() => {
     if (refreshControlVisible && !loading) setRefreshControlVisible(false);

apps/ledger-live-mobile/src/screens/Swap/History/index.tsx

@@ -18,7 +18,7 @@ import Share from "react-native-share";
 import { useDispatch, useSelector } from "react-redux";
 import type { Account } from "@ledgerhq/types-live";
 import { updateAccountWithUpdater } from "~/actions/accounts";
-import { TrackScreen } from "~/analytics";
+import { track, TrackScreen } from "~/analytics";
 import Alert from "~/components/Alert";
 import Button from "~/components/Button";
 import LText from "~/components/LText";
@@ -47,6 +47,11 @@ const History = () => {
     setSections(getCompleteSwapHistory(accounts));
   }, [accounts, setSections]);
 
+  const refreshSwapHistory = useCallback(() => {
+    setIsRefreshing(true);
+    track("buttonClicked", { button: "pull to refresh" });
+  }, [setIsRefreshing]);
+
   const updateSwapStatus = useCallback(() => {
     let cancelled = false;
     async function fetchUpdatedSwapStatus() {
@@ -139,9 +144,7 @@ const History = () => {
         style={styles.sectionList}
         contentContainerStyle={styles.contentContainer}
         ListEmptyComponent={_ => <EmptyState />}
-        refreshControl={
-          <RefreshControl refreshing={isRefreshing} onRefresh={() => setIsRefreshing(true)} />
-        }
+        refreshControl={<RefreshControl refreshing={isRefreshing} onRefresh={refreshSwapHistory} />}
         ListHeaderComponent={
           sections.length ? (
             <Button