From e4b8ffb3049ebef4fe42590dac331cd5ecae8bf2 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 22 Dec 2025 09:50:05 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=88=EF=B8=8F(frontend)=20pause=20Posthog?=
 =?UTF-8?q?=20when=20offline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Posthog keeps trying to send events when the user
is offline, causing the network request queue to fill up
and slowing down the app. This commit pauses Posthog
when the user is offline and resumes it when back online.
---
 CHANGELOG.md                                     |  4 +---
 .../impress/src/services/PosthogAnalytic.tsx     | 16 ++++++++++++++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 26ce160d..d6fb3d65 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,10 +14,8 @@ and this project adheres to
 ### Changed
 
 - 🥅(frontend) intercept 401 error on GET threads #1754
-
-## Changed
-
 - 🦺(frontend) check content type pdf on PdfBlock #1756
+- ✈️(frontend) pause Posthog when offline #1755
 
 ### Fixed
 
diff --git a/src/frontend/apps/impress/src/services/PosthogAnalytic.tsx b/src/frontend/apps/impress/src/services/PosthogAnalytic.tsx
index 53556c44..001e15a9 100644
--- a/src/frontend/apps/impress/src/services/PosthogAnalytic.tsx
+++ b/src/frontend/apps/impress/src/services/PosthogAnalytic.tsx
@@ -3,6 +3,7 @@ import posthog from 'posthog-js';
 import { PostHogProvider as PHProvider } from 'posthog-js/react';
 import { JSX, PropsWithChildren, ReactNode, useEffect } from 'react';
 
+import { useIsOffline } from '@/features/service-worker/hooks/useOffline';
 import { AbstractAnalytic, AnalyticEvent } from '@/libs/';
 
 export class PostHogAnalytic extends AbstractAnalytic {
@@ -45,6 +46,8 @@ export function PostHogProvider({
   children,
   conf,
 }: PropsWithChildren<PostHogProviderProps>) {
+  const isOffline = useIsOffline((state) => state.isOffline);
+
   useEffect(() => {
     if (!conf?.id || !conf?.host || posthog.__loaded) {
       return;
@@ -53,9 +56,9 @@ export function PostHogProvider({
     posthog.init(conf.id, {
       api_host: conf.host,
       person_profiles: 'always',
-      loaded: (posthog) => {
+      loaded: (posthogInstance) => {
         if (process.env.NODE_ENV === 'development') {
-          posthog.debug();
+          posthogInstance.debug();
         }
       },
       capture_pageview: false,
@@ -71,5 +74,14 @@ export function PostHogProvider({
     };
   }, [conf?.host, conf?.id]);
 
+  // Disable PostHog when offline to prevent retry requests
+  useEffect(() => {
+    if (isOffline) {
+      posthog.opt_out_capturing();
+    } else {
+      posthog.opt_in_capturing();
+    }
+  }, [isOffline]);
+
   return <PHProvider client={posthog}>{children}</PHProvider>;
 }