Plausible for hidden environments (#2837)

Plausible for hidden environments

frontend/src/hooks/useHiddenEnvironments.ts

@@ -1,13 +1,9 @@
-import { createLocalStorage } from 'utils/createLocalStorage';
 import { useGlobalLocalStorage } from './useGlobalLocalStorage';
 import { useState } from 'react';
-
+import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
-interface IGlobalStore {
-    favorites?: boolean;
-    hiddenEnvironments?: Set<string>;
-}
 
 export const useHiddenEnvironments = () => {
+    const { trackEvent } = usePlausibleTracker();
     const { value: globalStore, setValue: setGlobalStore } =
         useGlobalLocalStorage();
     const [hiddenEnvironments, setStoredHiddenEnvironments] = useState<
@@ -19,8 +15,18 @@ export const useHiddenEnvironments = () => {
             const hiddenEnvironments = new Set(params.hiddenEnvironments);
             if (hiddenEnvironments.has(environment)) {
                 hiddenEnvironments.delete(environment);
+                trackEvent('hidden_environment', {
+                    props: {
+                        eventType: `environment unhidden`,
+                    },
+                });
             } else {
                 hiddenEnvironments.add(environment);
+                trackEvent('hidden_environment', {
+                    props: {
+                        eventType: `environment hidden`,
+                    },
+                });
             }
             setStoredHiddenEnvironments(hiddenEnvironments);
             return {

frontend/src/hooks/usePlausibleTracker.ts

@@ -14,7 +14,8 @@ type CustomEvents =
     | 'change_request'
     | 'favorite'
     | 'maintenance'
-    | 'message_banner';
+    | 'message_banner'
+    | 'hidden_environment';
 
 export const usePlausibleTracker = () => {
     const plausible = useContext(PlausibleContext);