diff --git a/frontend/src/hooks/useHiddenEnvironments.ts b/frontend/src/hooks/useHiddenEnvironments.ts index ea6a0076af..dfe6c4c1f1 100644 --- a/frontend/src/hooks/useHiddenEnvironments.ts +++ b/frontend/src/hooks/useHiddenEnvironments.ts @@ -1,13 +1,9 @@ -import { createLocalStorage } from 'utils/createLocalStorage'; import { useGlobalLocalStorage } from './useGlobalLocalStorage'; import { useState } from 'react'; - -interface IGlobalStore { - favorites?: boolean; - hiddenEnvironments?: Set; -} +import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; 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 { diff --git a/frontend/src/hooks/usePlausibleTracker.ts b/frontend/src/hooks/usePlausibleTracker.ts index 295e6bfbc1..be34d5e7a1 100644 --- a/frontend/src/hooks/usePlausibleTracker.ts +++ b/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);